vue canvas实现手写签字

小编最近的项目与合同有关，与合同有关就避免不了合同的签署，自然而然就需要搞个签名版啦，废话少说，上代码比较实在。

sign.vue

<template>
  <div class="signHandle">
    <canvas
      ref="signHandle"
      class="canvas"
      id="canvas"
      @touchstart="drawStart"
      @touchmove="drawing"
      @touchend="draeEnd"
    >
    </canvas>
    <div class="btn-box">
      <span class="clear-btn" @click.stop="clearSign">重置</span>
      <span class="submit-btn" @click.stop="saveSign">提交</span>
    </div>
  </div>
</template>
<script>
const { clientWidth, clientHeight } = document.documentElement;
export default {
  props: {
    //canvas 宽度
    canvasWidth: {
      type: Number,
      default: clientWidth,
    },
    //canvas 高度
    canvasHeight: {