vue 电子签名

最新推荐文章于 2024-05-13 15:15:45 发布

小洁的博客

最新推荐文章于 2024-05-13 15:15:45 发布

阅读量797

点赞数 2

分类专栏： vue开发公众号开发文章标签：前端 vue.js

本文链接：https://blog.csdn.net/sun_0516/article/details/107905590

版权

<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,