小程序?qū)⑾袼財?shù)據(jù)繪制到畫布wx.canvasPutImageData
wx.canvasPutImageData(Object object, Object this)
將像素數(shù)據(jù)繪制到畫布。在自定義組件下,第二個參數(shù)傳入自定義組件實例 this,以操作組件內(nèi) <canvas> 組件
基礎(chǔ)庫 1.9.0 開始支持,低版本需做兼容處理。
以 Promise 風(fēng)格 調(diào)用:支持
小程序插件:支持,需要小程序基礎(chǔ)庫版本不低于 1.9.6
參數(shù)
Object object
屬性 類型 默認值 必填 說明
canvasId string 是 畫布標識,傳入 canvas 組件的 canvas-id 屬性。
data Uint8ClampedArray 是 圖像像素點數(shù)據(jù),一維數(shù)組,每四項表示一個像素點的 rgba
x number 是 源圖像數(shù)據(jù)在目標畫布中的位置偏移量(x 軸方向的偏移量)
y number 是 源圖像數(shù)據(jù)在目標畫布中的位置偏移量(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)前組件實例的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)