CanvasContext.putImageData

簡介

CanvasContext.putImageData 用于將像素數(shù)據(jù)繪制到畫布。

使用限制

基礎(chǔ)庫 1.11.0 或更高版本；支付寶客戶端 10.1.32 或更高版本，若版本較低，建議采取 兼容處理。

掃碼體驗

效果示例

示例代碼

// .js
const data = new Uint8ClampedArray([255, 0, 0, 1])
const ctx = my.createCanvasContext('canvas')


ctx.putImageData({
    x: 0,
    y: 0,
    width: 1,
    height: 1,
    data: data,
    success(res) {}
})

入?yún)?/h4>

Object 類型，屬性如下：

屬性	類型	必填	描述
data	Uint8ClampedArray	是	圖像像素點(diǎn)數(shù)據(jù)，一維數(shù)組，每四項表示一個像素點(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)。
fail	Function	否	失敗回調(diào)。
complete	Function	否	完成回調(diào)。