小程序畫布draw用法CanvasContext.draw

CanvasContext.draw(boolean reserve, function callback)
將之前在繪圖上下文中的描述（路徑、變形、樣式）畫到 canvas 中。

小程序插件：支持
參數(shù)
boolean reserve
本次繪制是否接著上一次繪制。即 reserve 參數(shù)為 false，則在本次調(diào)用繪制之前 native 層會先清空畫布再繼續(xù)繪制；若 reserve 參數(shù)為 true，則保留當(dāng)前畫布上的內(nèi)容，本次調(diào)用 drawCanvas 繪制的內(nèi)容覆蓋在上面，默認(rèn) false。

function callback
繪制完成后執(zhí)行的回調(diào)函數(shù)

示例代碼
第二次 draw() reserve 為 true。所以保留了上一次的繪制結(jié)果，在上下文設(shè)置的 fillStyle 'red' 也變成了默認(rèn)的 'black'。

const ctx = wx.createCanvasContext('myCanvas')
ctx.setFillStyle('red')
ctx.fillRect(10, 10, 150, 100)
ctx.draw()
ctx.fillRect(50, 50, 150, 100)
ctx.draw(true)


示例代碼
第二次 draw() reserve 為 false。所以沒有保留了上一次的繪制結(jié)果和在上下文設(shè)置的 fillStyle 'red'。

const ctx = wx.createCanvasContext('myCanvas')
ctx.setFillStyle('red')
ctx.fillRect(10, 10, 150, 100)
ctx.draw()
ctx.fillRect(50, 50, 150, 100)
ctx.draw()