需求
用户需在APP
或小程序
使用手写的方式签字或签名
使用
-
可直接复制以下代码使用,只需要根据需求调整css样式即可,所有代码难点均已注释,方便易懂
-
方法使用了
uView
框架,如需了解使用可点击前往—【uView框架】
效果图片
实现方式
-
封装成组件调用
(推荐)
,目前的教程就是封装成组件 -
使用的页面内直接使用,如需了解使用可点击前往—【直接使用版】
使用
1.components
目录下新建signature.vue
<template>
<view class="signature-box">
<!-- 签名 -->
<view class="signature" v-show="showCanvas">
<canvas class="mycanvas" canvas-id="mycanvas" @touchstart="touchstart" @touchmove="touchmove" @touchend="touchend"></canvas>