小程序-涂鸦画笔

不同的项目总是要求不同的需求

wxml:

<canvas  canvas-id="myCanvas"  class="myCanvas"

      disable-scroll="false"

      bindtouchstart="touchStart"

      bindtouchmove="touchMove"

      bindtouchend="touchEnd">

</canvas>

js:

var canvasC ;   //声明一个全局变量，用于橡皮檫

 startX : 0;   //保存X坐标轴变量

 startY : 0;   //保存Y坐标轴变量 

//手指触摸动作开始

touchStart:function(e){

      //得到触摸点的坐标

    this.startX = e.changedTouches[0].x

    this.startY = e.changedTouches[0].y

    this.context = wx.createCanvasContext("myCanvas")

    canvasC = this.context;    //将画布保存进全局变量

    （未完待续。。。）

}