Javascript 如何比较两个html5画布元素的内容？

我想用javascript比较两个图像。一个在html5画布上绘制，另一个可能在另一个html5画布上，或者可能是gif或png图像文件。我需要自动测试的比较。谢谢你的帮助

好吧，这不是解决问题的完整方法，但它可能会帮助您找到比较两个画布元素的好方法

var ctx = canvas.getContext('2d');
var imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
var pixels = imageData.data;

for(var i = 0, il = pixels.length; i < il; i++) {
    // pixels[i]
}

var ctx=canvas.getContext（'2d'）；
var imageData=ctx.getImageData（0，0，canvas.width，canvas.height）；
var像素=imageData.data；
对于（var i=0，il=pixels.length；i

---

这是一个如何在画布上的所有像素之间循环的基本示例。根据您想要做的事情，您可以将像素相互比较，或者您可能想要将两个

imageData

vars相互比较

getImageData（）是我正在寻找的函数。。。谢谢大多数情况下，这不会起作用（除了Webkit？），请参阅