CanvasContext.draw

簡介

CanvasContext.draw 用于將之前在繪圖上下文中的描述（路徑、變形、樣式）畫到 canvas 中。繪圖上下文需要由 my.createCanvasContext(canvasId) 來創(chuàng)建。

掃碼體驗

效果示例

示例代碼

示例代碼 1

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


ctx.setFillStyle('blue')
ctx.fillRect(20, 20, 180, 80)
ctx.draw()
ctx.fillRect(60, 60, 250, 120)
// 保留上一次的繪制結(jié)果
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)
// 不保留上一次的繪制結(jié)果
ctx.draw(false)

顯示效果如下圖所示：

入?yún)?/h4>

Object 類型，屬性如下：

屬性	類型	必填	描述
reserve	Boolean	否	本次繪制是否接著上一次繪制。默認為 false。若 reserve 參數(shù)為 false ，則在本次調(diào)用 drawCanvas 繪制之前 native 層應(yīng)先清空畫布再繼續(xù)繪制。若 reserver 參數(shù)為 true 時，則保留當前畫布上的內(nèi)容，本次調(diào)用 drawCanvas 繪制的內(nèi)容覆蓋在上面。
callback	Function	是	繪制完成后執(zhí)行的回調(diào)函數(shù)。