微信小程序实现电子签名功能

2023-07-19 17:43:03 277

varcontext=null;//使用wx.createContext获取绘图上下文context varisButtonDown=false;//是否在绘制中 vararrx=[];//动作横坐标 vararry=[];//动作纵坐标 vararrz=[];//总做状态，标识按下到抬起的一个组合 varcanvasw=0;//画布宽度 varcanvash=0;//画布高度 Page({ data:{ }, onLoad:function(){ this.startCanvas(); }, /** *以下-手写签名/上传签名 */ startCanvas:function(){//画布初始化执行 varthat=this; //获取系统信息 wx.getSystemInfo({ success:function(res){ canvasw=res.windowWidth; canvash=res.windowHeight; that.setData({canvasw:canvasw}); that.setData({canvash:canvash}); } }); this.initCanvas(); this.cleardraw(); }, //初始化函数 initCanvas:function(){ context=wx.createCanvasContext('canvas'); context.beginPath() context.fillStyle='rgba(255,255,255,0)'; context.setStrokeStyle('#000000'); context.setLineWidth(4); context.setLineCap('round'); context.setLineJoin('round'); }, 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

为大家推荐现在关注度比较高的微信小程序教程一篇：《微信小程序开发教程》小编为大家精心整理的，希望喜欢。

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

微信小程序实现电子签名功能

热门推荐

随机推荐