源码Demo:
<template>
<div class="hello">
<button type v-on:click="clear">清除</button>
<button v-on:click="save">保存</button>
<canvas id="canvas" width="375" height="600" style="float:left">Canvas画板</canvas>
<img v-bind:src="url" alt />
</div>
</template>
<script>
var draw;
var preHandler = function(e) {
e.preventDefault();
};
class Draw {
constructor(el) {
this.el = el;
this.canvas = document.getElementById(this.el);
this.cxt = this.canvas.getContext("2d");
this.stage_info = canvas.getBoundingClientRect();
this.path = {
beginX: 0,
beginY: 0,
endX: 0,
endY: 0
};
}
init(btn) {
var that = this;
this.canvas.addEventListener("touchstart", function(event) {
document.addEven