Canvas toDataURL () retorna uma imagem em branco apenas no Firefox
estou a usarglfx.js para editar minha imagem, mas quando estou tentando obter os dados dessa imagem usando otoDataURL()
função Recebo uma imagem em branco (largura do mesmo tamanho da imagem original).
O estranho é que, no Chrome, o script funciona perfeitamente.
O que quero mencionar é que a imagem está carregadacanvas
usando o evento onload:
img.onload = function(){
try {
canvas = fx.canvas();
} catch (e) {
alert(e);
return;
}
// convert the image to a texture
texture = canvas.texture(img);
// draw and update canvas
canvas.draw(texture).update();
// replace the image with the canvas
img.parentNode.insertBefore(canvas, img);
img.parentNode.removeChild(img);
}
O caminho da minha imagem também está no mesmo domínio;
O problema (no Firefox) é quando eu clico no botão Salvar. O Chrome retorna o resultado esperado, mas o Firefox retorna isso:
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA7YAAAIWCAYAAABjkRHCAAAHxklEQVR4nO3BMQEAAADCoPVPbQZ/oAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
... [ lots of A s ] ...
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAzwD6aAABkwvPRgAAAABJRU5ErkJggg==
O que poderia causar esse resultado e como posso corrigi-lo?