canvas putImageData怎么用
时间: 2023-06-02 22:07:38 浏览: 60
canvas putImageData 方法用于将图像数据(ImageData 对象)绘制到画布上。它需要两个参数:ImageData 对象和要放置的起始位置(x, y)。示例代码如下:
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
// 创建 ImageData 对象
var imgData = ctx.createImageData(100, 100);
// 给 ImageData 对象填充颜色
for(var i = 0; i < imgData.data.length; i+=4){
imgData.data[i+0] = 255; // red
imgData.data[i+1] = 0; // green
imgData.data[i+2] = 0; // blue
imgData.data[i+3] = 255; // alpha
}
// 将 ImageData 对象绘制到画布上
ctx.putImageData(imgData, 0, 0);