HTML5 getImageData senza area di lavoro

Question

C'è un modo per utilizzare getImageData di un'immagine senza la tela? Sto volendo arrivare al colore dei pixel nella posizione del mouse di un'immagine.

Answer 1

No, non è possibile.

Ma ottenere l'imageData può essere fatto con una tela in memoria, che è facile e veloce:

var canvas = document.createElement('canvas'); 
var context = canvas.getContext('2d'); 
var img = document.getElementById('someImageId'); 
context.drawImage(img, 0, 0); 
var theData = context.getImageData(0, 0, img.width, img.height); 

Si può mantenere la variabile theData in modo che non c'è bisogno di costruire ad ogni clic.

Si noti che questo non funzionerà se l'immagine proviene da un altro dominio (e quindi non funzionerà se si apre il file html utilizzando file:// anziché http://).