vue3 实现电子签名

vue3 实现电子签名

<template>
    <div class="signature-box">
        <div class="signature-canvas" ref="canvasBox">
            <canvas
                ref="signatureCanvas"
                @mousedown="handleMouseDown"
                @mousemove="handleMouseMove"
                @mouseup="handleMouseUp"
                @mouseout="handleMouseOut"
            ></canvas>
        </div>
        <div class="signature-btns">
            <div class="btn gray" @click="reWrite">重写</div>
            <div class="btn green ml20" @click="submitSignature">提交签名</div>
        </div>
        <div class="img-area">
          <img :src="imgSrc" />
        </div>
    </div>
</template>

<script setup lang="ts">
import {
    ref, onMounted } from