Datos de origen cruzado en el lienzo HTML5
Estoy cargando una imagen en js y la dibujo en un lienzo. Después de dibujar, recupero imageData del lienzo:
var img = new Image();
img.onload = function() {
canvas.drawImage(img, 0, 0);
originalImageData = canvas.getImageData(0,0,width, height)); //chrome fails
}
img.src = 'picture.jpeg';
Esto funciona perfectamente tanto en Safari como en Firefox, pero falla en Chrome con el siguiente mensaje:
o se pueden obtener datos de la imagen del lienzo porque el lienzo ha sido contaminado por datos de origen cruzado.
El archivo javascript y la imagen se encuentran en el mismo directorio, por lo que no entiendo el comportamiento de chorme.