全部产品

CanvasContext.draw

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

入参

Object 类型,属性如下:

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

示例代码

示例代码 1

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

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

显示效果如下图所示:

image

示例代码 2

//.jsconst=.createCanvasContext('awesomeCanvas')

ctx.setFillStyle('blue')

ctx.fillRect(20, 20, 180, 80)

ctx.draw()

ctx.fillRect(60, 60, 250, 120)

// 不保留上一次的绘制结果

ctx.draw(false)

 ctx  my

显示效果如下图所示:

image