小程序示例中的弹小球的程序：

Page({

  onReady: function () {

    this.position = {

      x: 150,

      y: 150,

      vx: 2,

      vy: 2

    }

    this.drawBall()

    this.interval = setInterval(this.drawBall, 17)

  },

  drawBall: function () {

    var p = this.position

    p.x += p.vx

    p.y += p.vy

    if (p.x >= 300) {

      p.vx = -2

    }

    if (p.x <= 7) {

      p.vx = 2

    }

    if (p.y >= 300) {

      p.vy = -2

    }

    if (p.y <= 7) {

      p.vy = 2

    }

    var context = wx.createContext()

    function ball(x, y) {

      context.beginPath(0)

      context.arc(x, y, 5, 0, Math.PI * 2)

      context.setFillStyle('#1aad19')

      context.setStrokeStyle('rgba(1,1,1,0)')

      context.fill()

      context.stroke()

    }

    ball(p.x, 150)

    ball(150, p.y)

    ball(300 - p.x, 150)

    ball(150, 300 - p.y)

    ball(p.x, p.y)

    ball(300 - p.x, 300 - p.y)

    ball(p.x, 300 - p.y)

    ball(300 - p.x, p.y)

    wx.drawCanvas({

      canvasId: 'canvas',

      actions: context.getActions()

    })

  },

  onUnload: function () {

    clearInterval(this.interval)

  }

})

https://developers.weixin.qq.com/miniprogram/dev/demo/demo.zip

-------------------------------------------------------------------------------------------------------------

在 iPad 2 上运行时绘图区一片空白。

运行库： 2.2.3