загрузить картинку отображаемую на канве FabrickJS

mstdmstd

Новичок
Всем привет,
Используя FabrickJS канву, мне нужно загрузить картинку отображаемую на канве :
Делаю :
  • alert( "downloadable_stage::"+var_dump(downloadable_stage) ) -- вывод дампа обекта канфы - ниже
  • var imageURL = downloadable_stage.toDataURL("image/png").replace("image/png", "image/octet-stream");
  • var anchor = document.createElement("a");
  • anchor.href = imageURL
  • anchor.download = postTitle.replace(/ /g, "-") + ".png"
  • anchor.click()

И этот код нормально отрабатывает и картинка загружается в моем Chromium.
Попоробовал загрузить в Opera - работает нормально, а в Firefox не работает - причем в консоле никаких ошибок или варнингов нет.
В моем Firefox файлы грузятся нормально.
Клиент пишет, что у него в Chromium загрузка не работает.
Не подскажите, в чем может быть проблема? Может ли причина быть в настойках браузеров или блокировках ? Каких?

дамп канвы :
  • downloadable_stage::eek:bj._objects = #<fabric.Image: { src: "http://local-displo-wp.com/backend/static/uploads/themes/18/7d9a55e932f7.jpg" }>,#<fabric.Text (1): { "text": "Cat & Dog", "fontFamily": "Alef" }>,#<fabric.Text (1): { "text": "Footer Textn", "fontFamily": "Alef" }>obj.lowerCanvasEl = [object HTMLCanvasElement]obj.contextContainer = [object CanvasRenderingContext2D]obj.width = 1240.16obj.height = 1748.03obj.viewportTransform = 1,0,0,1,0,0obj._offset = [object Object]obj._currentTransform = nullobj._groupSelector = nullobj.wrapperEl = [object HTMLDivElement]obj.upperCanvasEl = [object HTMLCanvasElement]obj.contextTop = [object CanvasRenderingContext2D]obj._onMouseDown = function () { [native code] }obj._onMouseMove = function () { [native code] }obj._onMouseUp = function () { [native code] }obj._onResize = function () { [native code] }obj._onGesture = function () { [native code] }obj._onDrag = function () { [native code] }obj._onShake = function () { [native code] }obj._onLongPress = function () { [native code] }obj._onOrientationChange = function () { [native code] }obj._onMouseWheel = function () { [native code] }obj.freeDrawingBrush = [object Object]obj.cacheCanvasEl = [object HTMLCanvasElement]obj.contextCache = [object CanvasRenderingContext2D]obj._activeGroup = nullobj._activeObject = nullobj.renderOnAddRemove = trueobj._hasITextHandlers = trueobj.__eventListeners = [object Object]...

/
 

mstdmstd

Новичок
Кому несложно, зайдите, пожалуйста, на
http://displo.com/wp-content/plugins/woo-dysplo-import/view_template.php?post_id=120&item_id=35
в разных браузерах и ниже картинки кликните на "Download". Подтвердите конфермацию.
У меня под Kubuntu 14.10 (64-bit) Opera 32 и Chromium 43.0.2357.130 грузят картинку нормально
Firefox 39 картинок не грузит Ошибок или варнингов нет
Стоит несколько разширений(включая adblock) - я их все задизейблил и перезапустил браузер - не помогло...
 

mstdmstd

Новичок
Я поменял вывод этой строки со сформированным урлом на window.location:

  1. var imageURL = downloadable_stage.toDataURL("image/png").replace("image/png", "image/octet-stream");
  2. alert( "imageURL::"+var_dump(imageURL) )
  3. window.location = imageURL;

алерт вывел такой тест(ниже)
и открыватся стандартное окно для сохранения файла загрузки - файл сохраняется на диске, но с именем вроде XGBoAro8.
есть ли возможность сохранить этот файл под его именем ?

  1. imageURL::data:image/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAABNgAAAbUCAYAAAAt66suAAAgAElEQVR4nOzd53dcVb6v+/...
 
Сверху