Dados de origem cruzada na tela HTML5
Estou carregando uma imagem em js e desenhando-a em uma tela. Após desenhar, recupero o imageData da tela:
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';
Isso funciona perfeitamente no Safari e Firefox, mas falha no Chrome com a seguinte mensagem:
Impossível obter dados de imagem da tela porque a tela está manchada por dados de origem cruzad
O arquivo javascript e a imagem estão localizados no mesmo diretório, por isso não entendo o comportamento do chorm