CanvasContext.putImageData

2022-07-29 06:08

Draw the pixel data into the canvas.

Parameters

It is Object type.

Field	Type	Mandatory	Description
data	Uint8ClampedArray	Yes	Image pixel data, it is an array, and the four elements represent the rgba data
x	Number	Yes	The x offset for the original data in the destination canvas
y	Number	Yes	The y offset for the original data in the destination canvas
width	Number	Yes	The width of the original data
height	Number	Yes	The height of the original data
success	Function	No	The success callback function
fail	Function	No	The fail callback function
complete	Function	No	The complete callback function

Sample Code

copy

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

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