微信小程序 手写签名_小程序手写签名（wepy）

对于手写签名组件组件晚上有很多种写法，我选择了一种进行了wepy的框架的改造。如果使用wepy框架做手写签名的话可以直接复制下面的代码。

这里需要提醒的是：安卓手机和苹果手机有适配性的问题，苹果手机在签名的以后手机将无法进行文档的上下左右的滑动，而安卓手机没有影响。解决这个问题的方法是给canvas给disable-scroll属性绑定一个变量 disable-scroll="true" 当进行滑动的时候讲disable-scroll属性设置成true,滑动完成时将属性还原为false.

清除

保存图片

import wepy from 'wepy';

var content = null;

var touchs = [];

var canvasw = 0;

var canvash = 0;

export default class Index extends wepy.page {

config = {};

components = {};

data = {

signImage: '',

};

events = {};

methods = {

start: function(event) {

// console.log("触摸开始" + event.changedTouches[0].x)

// console.log("触摸开始" + event.changedTouches[0].y)

//获取触摸开始的 x,y

let poi