小程序?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ǔ)庫(kù) 1.9.0 開始支持,低版本需做兼容處理。
以 Promise 風(fēng)格 調(diào)用:支持
小程序插件:支持,需要小程序基礎(chǔ)庫(kù)版本不低于 1.9.6
參數(shù)
Object object
屬性    類型    默認(rèn)值    必填    說明
canvasId    string        是    畫布標(biāo)識(shí),傳入 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) {}
})
	   
 作者:大學(xué)生新聞網(wǎng)    來源:大學(xué)生新聞網(wǎng)
發(fā)布時(shí)間:2025-04-11    閱讀: