canvascontext.draw(boolean reserve, function callback)
主体: 企业支付宝小程序 、 个人支付宝小程序
相关文档: 旧版 canvas 迁移指南
canvascontext.draw 将绘图上下文中的内容实际渲染到画布上。
boolean reserve
是否保留上次绘制结果。默认为 false。可选。
若为 false ,则在本次绘制之前画布会被清空,然后再绘制。
若为 true ,则保留当前画布上的内容,本次绘制的内容覆盖在之前的绘制结果上。
function callback
绘制完成后执行的回调函数。可选。无回调入参。
保留之前的绘制内容
不保留之前的绘制内容
.js
.axml
// .js
const ctx = my.createcanvascontext('canvas')
// 绘制一个蓝色方块
ctx.setfillstyle('blue')
ctx.fillrect(20, 20, 100, 80)
ctx.draw()
// 绘制一个红色方块
ctx.setfillstyle('red')
ctx.fillrect(60, 60, 150, 120)
// 保留之前的绘制结果
ctx.draw(true)
<canvas id="canvas">canvas>
.js
.axml
// .js
const ctx = my.createcanvascontext('canvas')
// 绘制一个蓝色方块
ctx.setfillstyle('blue')
ctx.fillrect(20, 20, 100, 80)
ctx.draw()
// 绘制一个红色方块
ctx.setfillstyle('red')
ctx.fillrect(60, 60, 150, 120)
// 不保留之前的绘制结果
ctx.draw()
<canvas id="canvas">canvas>