小程序畫布draw用法CanvasContext.draw
CanvasContext.draw(boolean reserve, function callback)
將之前在繪圖上下文中的描述(路徑、變形、樣式)畫到 canvas 中。
小程序插件:支持
參數(shù)
boolean reserve
本次繪制是否接著上一次繪制。即 reserve 參數(shù)為 false,則在本次調(diào)用繪制之前 native 層會(huì)先清空畫布再繼續(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()
作者:大學(xué)生新聞網(wǎng) 來源:大學(xué)生新聞網(wǎng)
發(fā)布時(shí)間:2025-04-12 閱讀: