canvas.cancelanimationframe(number requestid)
基础库 或更高版本； 若版本较低，建议采取 兼容处理 。
支小宝客户端 支持
安诊儿客户端 支持
主体： 企业支付宝小程序 、 个人支付宝小程序
取消一个由 canvas.requestanimationframe 注册的函数。
number requestid
canvas.requestanimationframe 返回的 id
代码示例
.js
.axml
page({
oncanvasready() {
my.createselectorquery().select('#canvas').node().exec((res) => {
const canvas = res[0].node
const ctx = canvas.getcontext('2d')
this.canvas = canvas
this.ctx = ctx
this.x = 0
this.y = 0
this.draw()
})
},
draw(timestamp) {
console.log(timestamp)
const { ctx, canvas, x, y } = this
// 清空画布
ctx.clearrect(0, 0, canvas.width, canvas.height)
// 绘制方块
ctx.fillstyle = "red"
ctx.fillrect(x, y, 50, 50)
this.x = 0.5
this.y = 0.5
let id = canvas.requestanimationframe(this.draw.bind(this))
canvas.cancelanimationframe(id)
}
})
<canvas id="canvas" type="2d" onready="oncanvasready">canvas>