Come confrontare il contenuto di due-tela-elementi HTML5?

Question

Vorrei confrontare due immagini con javascript. Uno è disegnato su una HTML5 Canvas l'altro potrebbe essere in un'altra tela HTML5, o potrebbe essere un-image-file PNG GIF o. Ho bisogno del confronto per il test automatizzato. Grazie per l'aiuto!

Answer 1

va bene questa non è una soluzione completa per il vostro problema, ma potrebbe aiutare a trovare un buon modo per confrontare i due elementi di tela.

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]
}

Questo è un esempio di base come scorrere tutti i pixel sulla tela. A seconda di cosa si vuole fare è possibile confrontare i pixel con l'altro o si potrebbe desiderare di confrontare i due imageData vars con l'altro