vue 电子签名_movey

<template>
<div>
<button id="btn" @click="nameFun">点击签字</button>
 
<div class="mask" v-show="mask"></div>
        <div :class="canvasShow==true? 'canvasBox1 show1':'canvasBox1'">
            <div class="canvasBox" ref="canvasHW">
                <canvas ref="canvasF" @touchstart='touchStart' @touchmove='touchMove' @touchend='touchEnd' @mousedown="mouseDown" @mousemove="mouseMove" @mouseup="mouseUp"></canvas>
            </div>
            <div class="btnBox">
                <p @click="overwrite">重写</p>
                <p @click="close">关闭</p>
                <p @click="commit">提交</p>
            </div>
        </div>
</div>
</template>
<script>
import { Dialog } from 'vant';
import { Toast } from 'vant';
export default {
    data() {
        return {
            canvasShow: false,
            client: {},
            points: [],
            canvasTxt: null,
            startX: 0,
            startY: 0,
            moveY: 0,
            moveX: 0,
            endY: 0,
            endX: 0,
            w: null,
            h: null,