微信小程序 canvas电子签名

<view class="sign-contain">
	<view class="signName">
		<canvas id="canvas" canvas-id="canvas" class="{
   { sysType === 'iOS' ? 'canvas' : 'canvas bg000'}}" disable-scroll="true" bindtouchstart="canvasStart" bindtouchmove="canvasMove" bindtouchend="canvasEnd" touchcancel="canvasEnd" binderror="canvasIdErrorCallback"></canvas>
	</view>

	<view class="btn-wrap">
		<button  catchtap="cleardraw">清除签名</button>
		<button  catchtap="uploadImg">上传签名</button>
	</view>
</view>

var context = null;// 使用 wx.createContext 获取绘图上下文 context
var isButtonDown = false;//是否在绘制中
var arrx = [];//动作横坐标
var arry = [];//动作纵坐标
var arrz = [];//总做状态，标识按下到抬起的一个组合
var canvasw = 0;//画布宽度
var canvash = 0;//画布高度
Page({
   
  data: {
   
    canvasw: '',
    canvash: '',
    imgUrl: '',
    info: {
   },
    signBase64: '',
    sysType: '' // 判断机型
  },

  onLoad: function (options) {
   
    let that = this
    let res = wx.getSystemInfoSync()
    const system = res.system.split(' ')
    that.setData({
   
      sysType: system[0],
    })
    let params = JSON.parse(options.params)
    that.setData({
   
      info: params,
    })
    that.startCanvas();
    that.initCanvas()
  },
  /**
  * 以下 - 手写签名 / 上传签名
  */
  startCanvas() {
   //画布初始化执行
    var that = this;
    //获取系统信息
    wx.<