ctx.setFillStyle('red')          // 设置填充色为红色
// 画一个矩形，填充为红色
ctx.fillRect(10, 20, 150, 75)     // ctx.fillRect(x, y, width, height)

// 创建Canvas绘图上下文对象CanvasContext
const ctx =  wx.createCanvasContext('myCanvas')
// 设置线条颜色和线宽
ctx.setStrokeStyle('#ff0000')
ctx.setLineWidth(2)
// 移动画笔坐标位置，绘制（外部大圆）
ctx.moveTo(160, 100)
ctx.arc(100, 100, 60, 0, 2 * Math.PI, true)
// 移动画笔坐标位置，绘制（嘴巴线条）
ctx.moveTo(140, 100)
ctx.arc(100, 100, 40, 0, Math.PI, false)
移动画笔坐标位置，绘制（左 右眼圆圈）
ctx.moveTo(85, 80)
ctx.arc(80, 80, 5, 0, 2 * Math.PI, true)
ctx.moveTo(125, 80)
ctx.arc(120, 80, 5, 0, 2 * Math.PI, true)
// 画出当前路径的边框
ctx.stroke()

wx.draw ()

CanvasContext.draw ()：将之前在绘图上下文中的描述（路径、样式、变形）画到canvas中。
CanvasContext.arc()：创建一条弧线。
CanvasContext.rect()：创建一个矩形路径。
CanvasContext.lineTo()：新增一个新点，用stroke方法来画线条。
CanvasContext.moveTo()：把路径移动到画布中的指定点，不创建线条。