小程序?qū)⑾袼財(cái)?shù)據(jù)繪制到畫布wx.canvasPutImageData
wx.canvasPutImageData(Object object, Object this)
將像素?cái)?shù)據(jù)繪制到畫布。在自定義組件下,第二個(gè)參數(shù)傳入自定義組件實(shí)例 this,以操作組件內(nèi) <canvas> 組件
基礎(chǔ)庫 1.9.0 開始支持,低版本需做兼容處理。
以 Promise 風(fēng)格 調(diào)用:支持
小程序插件:支持,需要小程序基礎(chǔ)庫版本不低于 1.9.6
參數(shù)
Object object
屬性 類型 默認(rèn)值 必填 說明
canvasId string 是 畫布標(biāo)識,傳入 canvas 組件的 canvas-id 屬性。
data Uint8ClampedArray 是 圖像像素點(diǎn)數(shù)據(jù),一維數(shù)組,每四項(xiàng)表示一個(gè)像素點(diǎn)的 rgba
x number 是 源圖像數(shù)據(jù)在目標(biāo)畫布中的位置偏移量(x 軸方向的偏移量)
y number 是 源圖像數(shù)據(jù)在目標(biāo)畫布中的位置偏移量(y 軸方向的偏移量)
width number 是 源圖像數(shù)據(jù)矩形區(qū)域的寬度
height number 是 源圖像數(shù)據(jù)矩形區(qū)域的高度
success function 否 接口調(diào)用成功的回調(diào)函數(shù)
fail function 否 接口調(diào)用失敗的回調(diào)函數(shù)
complete function 否 接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功、失敗都會執(zhí)行)
Object this
在自定義組件下,當(dāng)前組件實(shí)例的this,以操作組件內(nèi) canvas 組件
示例代碼
const data = new Uint8ClampedArray([255, 0, 0, 1])
wx.canvasPutImageData({
canvasId: 'myCanvas',
x: 0,
y: 0,
width: 1,
height: 1,
data: data,
success (res) {}
})
作者:大學(xué)生新聞網(wǎng) 來源:大學(xué)生新聞網(wǎng)
發(fā)布時(shí)間:2025-04-11 閱讀: