如何比较两个html5-canvas-元素的内容

How to compare content of two html5-canvas-elements?

本文关键字：元素 html5-canvas- 两个 何比较 比较      更新时间：2023-09-26

我想用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]
}

这是一个如何循环遍历画布上所有像素的基本示例。这取决于你想做什么你可以相互比较像素或者你可能想比较两个imageData变量

相关文章：