CanvasContext.putImageData

简介

CanvasContext.putImageData 用于将像素数据绘制到画布。

使用限制

基础库 1.11.0 或更高版本；支付宝客户端 10.1.32 或更高版本，若版本较低，建议采取兼容处理。

扫码体验

undefined

效果示例

画布.gif

示例代码

// .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) {}
})

入参

Object 类型，属性如下：

属性	类型	必填	描述
data	Uint8ClampedArray	是	图像像素点数据，一维数组，每四项表示一个像素点的 rgba。
x	Number	是	源图像数据在目标画布中的位置偏移量（x 轴方向的偏移量）。
y	Number	是	源图像数据在目标画布中的位置偏移量（y 轴方向的偏移量）。
width	Number	是	源图像数据矩形区域的宽度。
height	Number	是	源图像数据矩形区域的高度。
success	Function	否	成功回调。
fail	Function	否	失败回调。
complete	Function	否	完成回调。