я используюglfx.js редактировать мое изображение, но когда я пытаюсь получить данные этого изображения, используяtoDataURL() Функция Я получаю пустое изображение (ширина такого же размера, как исходное изображение).

Странно то, что в Chrome скрипт работает отлично.

Я хочу отметить, что изображение загружается вcanvas используя событие 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);

            }

Также путь моего изображения находится в том же домене;

Проблема (в Firefox) - когда я нажимаю кнопку «Сохранить». Chrome возвращает ожидаемый результат, но Firefox возвращает это:

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

Что может привести к такому результату и как я могу это исправить?