小程序畫布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()