微信小程序开发之——时钟-Canvas介绍(1)

| bindtouchmove | eventhandle | 手指触摸后移动 |

| bindtouchend | eventhandle | 手指触摸动作结束 |

| bindtouchcancel | eventhandle | 手指触摸动作被打断，如来电提醒，弹窗 |

| bindlongtap | eventhandle | 手指长按 500ms 之后触发，触发了长按事件后进行移动不会触发屏幕的滚动 |

| binderror | eventhandle | 当发生错误时触发 error 事件，detail = {errMsg} |

三 Canvas用法示例(新/旧)

---

3.1 Canvas用法示例—旧

3.1.1 布局文件(index.wxml)

3.1.2 逻辑文件(index.js)

onReady: function () {

//1- 使用 wx.createContext 获取绘图上下文 context

var context = wx.createCanvasContext(‘firstCanvas’)

//2-设置填充色

context.setFillStyle(‘red’)

//3-绘制图形形状

context.fillRect(0,0,150,150)

//4-开始绘制

context.draw()

},

<