HTML5 getImageData sin lienzo

Question

¿Hay alguna manera de usar getImageData de una imagen sin el lienzo? Quiero llegar al color de píxel en la posición del mouse de una imagen.

Answer 1

No, no puedes.

Sin embargo, conseguir la propiedad imageData se puede hacer con un lienzo en memoria, que es rápido y fácil:

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); 

Es posible mantener la variable theData de modo que usted no tiene que construirlo en cada clic.

Tenga en cuenta que esto no funcionará si la imagen proviene de otro dominio (y por lo tanto no funcionará si abre su archivo html usando file:// en lugar de http://).