Ich benutze glfx.js, um mein Bild zu bearbeiten, aber wenn ich versuche, die Daten dieses Bildes mit dem @ zu erhalttoDataURL() Funktion Ich erhalte ein leeres Bild (Breite entspricht der Originalgröße).

Das Seltsame ist, dass das Skript in Chrome perfekt funktioniert.

Was ich erwähnen möchte ist, dass das Bild in @ geladen wicanvas Verwenden des Onload-Ereignisses:

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

            }

Auch der Pfad meines Bildes befindet sich auf derselben Domain;

Das Problem (in Firefox) ist, wenn ich auf die Schaltfläche Speichern drücke. Chrome gibt das erwartete Ergebnis zurück, Firefox gibt dies jedoch zurück:

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA7YAAAIWCAYAAABjkRHCAAAHxklEQVR4nO3BMQEAAADCoPVPbQZ/oAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
... [ lots of A s ] ... 
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAzwD6aAABkwvPRgAAAABJRU5ErkJggg==

Was könnte dieses Ergebnis verursachen und wie kann ich es beheben?