【uni-app】使用写字板，实现手写签名----直接使用版

需求

用户需在APP或小程序使用手写的方式签字或签名

效果图片

实现方式

1. 封装成组件调用（推荐），如需了解使用可点击前往—【封装组件版】
2. 使用的页面内直接使用，目前的教程就是直接使用的，未封装成组件

使用

第一步：使用的页面，如index.vue

<!-- canvas -->
<canvas class="mycanvas" canvas-id="mycanvas" @touchstart="touchstart" @touchmove="touchmove" @touchend="touchend"></canvas>

<!-- 底部操作按钮 -->
<view class="footer">
        <view class="left" @click="finish">保存</view>