CanvasContext.draw

简介

CanvasContext.draw 用于将之前在绘图上下文中的描述（路径、变形、样式）画到 canvas 中。绘图上下文需要由 my.createCanvasContext(canvasId) 来创建。

扫码体验

效果示例

示例代码

示例代码 1

//.js
const ctx = my.createCanvasContext('canvas')


ctx.setFillStyle('blue')
ctx.fillRect(20, 20, 180, 80)
ctx.draw()
ctx.fillRect(60, 60, 250, 120)
// 保留上一次的绘制结果
ctx.draw(true)

显示效果如下图所示：

示例代码 2

//.js
const ctx = my.createCanvasContext('canvas')


ctx.setFillStyle('blue')
ctx.fillRect(20, 20, 180, 80)
ctx.draw()
ctx.fillRect(60, 60, 250, 120)
// 不保留上一次的绘制结果
ctx.draw(false)

显示效果如下图所示：

入参

Object 类型，属性如下：

属性	类型	必填	描述
reserve	Boolean	否	本次绘制是否接着上一次绘制。默认为 false。若 reserve 参数为 false ，则在本次调用 drawCanvas 绘制之前 native 层应先清空画布再继续绘制。若 reserver 参数为 true 时，则保留当前画布上的内容，本次调用 drawCanvas 绘制的内容覆盖在上面。
callback	Function	是	绘制完成后执行的回调函数。