微客导航 » 文章资讯 » 微信小程序实现电子签名并导出图片

微信小程序实现电子签名并导出图片

2023-07-24 02:57:03 152

本文实例为大家分享了微信小程序做电子签名，并导出图片的具体代码，供大家参考，具体内容如下

wxml:



清除画布
导出图片

wxss:

.canvas{
width:100%;
min-height:400rpx;
border:1rpxsolid#000;/*//突出canvas画布范围*/
box-sizing:border-box;
}

js:

varcontext=null;//使用wx.createContext获取绘图上下文
varisButtonDown=false;
vararrx=[];
vararry=[];
vararrz=[];
varcanvasw=0;
varcanvash=0;
//获取系统信息
wx.getSystemInfo({
success:function(res){
canvasw=res.windowWidth;//设备宽度
canvash=res.windowHeight;//设备高度
}
});

Page({
canvasIdErrorCallback:function(e){
console.error(e.detail.errMsg)
},
//绘制开始
canvasStart:function(event){
isButtonDown=true;
arrz.push(0);
arrx.push(event.changedTouches[0].x);
arry.push(event.changedTouches[0].y);
},
//绘制过程
canvasMove:function(event){
if(isButtonDown){
arrz.push(1);
arrx.push(event.changedTouches[0].x);
arry.push(event.changedTouches[0].y);
};

for(vari=0;i
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

微信小程序实现电子签名并导出图片

热门推荐

随机推荐