Javascript GetImageData和多个图像

如何在js中使用getImageData（），当图像被绘制到画布上时，如何将它们彼此重叠？（我需要每个图像的单独数据。）

这里有一种方法：

// get the imageData for the second image

context.drawImage(secondImage,0,0);
var imageData2=context.getImageData(0,0,canvas.width,canvas.height);
context.clearRect(0,0,canvas.width,canvas.height);

// get the imageData for the first image

context.drawImage(firstImage,0,0);
var imageData1=context.getImageData(0,0,canvas.width,canvas.height);

// and now redraw the second image back on the canvas

context.drawImage(secondImage,0,0);

---

或者简单地为每个图像创建一个画布对象。它们将在视觉上正确分层，但您可以独立处理图像。如果不弄乱z索引，它们将按照您添加画布对象的顺序进行渲染