如何比較兩個HTML5的畫布元素的內容？

Question

我想兩個圖像用JavaScript進行比較。一個是在HTML5畫布上繪製的另一可能是另一個HTML5畫布，或者它可能是一個gif-或PNG圖像文件。我需要比較自動化測試。感謝幫助！

Answer 1

好吧，這不是你的問題的完整解決方案，但它可能會幫助你找到一個好辦法來比較兩個畫布元素。

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瓦爾相互