小程序?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)用成功、失敗都會(huì)執(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) {}
})