Fabric js — как сохранить изображение в jpg?

Question

[Александр Федорук]

Есть fabric js canvas с id canvas. Как сохранить изображение на канве в jpg? Или png?

Answer 1

[Константин Величко]

var image = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");
window.location.href=image;

Comments

[Александр Федорук]

Пробовал. Ошибка Uncaught SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': tainted canvases may not be exported.

[Константин Величко]

Есть еще такая библиотека www.nihilogic.dk/labs/canvas2image

[Константин Величко]

Как сохранить html5 canvas/svg в png на javascript

[Eugene Obrezkov]

@AlexSaFF такая ошибка возникает, когда на канве изображения с других доменов. Есть у вас такие?

[Александр Федорук]

@ghaiklor нет, таких нет. Но думаю проблема в том что канва редактируется через fabric. Может же быть такое?

[Eugene Obrezkov]

@AlexSaFF нет, в этом проблем не должно быть. Одно жесткое правило, с которым я столкнулся - это ни в каком из видов нельзя рисовать изображения с других доменов.

Answer 2

[Алексей Куреев]

У холста есть метод toDataURL, он принимает хэш options. Передайте в нём желаемый формат: jpeg или png. Более подробно вы можете прочитать об этом в документации