小程序畫布draw用法CanvasContext.draw

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

小程序插件：支持
參數
boolean reserve
本次繪制是否接著上一次繪制。即 reserve 參數為 false，則在本次調用繪制之前 native 層會先清空畫布再繼續繪制；若 reserve 參數為 true，則保留當前畫布上的內容，本次調用 drawCanvas 繪制的內容覆蓋在上面，默認 false。

function callback
繪制完成后執行的回調函數

示例代碼
第二次 draw() reserve 為 true。所以保留了上一次的繪制結果，在上下文設置的 fillStyle 'red' 也變成了默認的 '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。所以沒有保留了上一次的繪制結果和在上下文設置的 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()