Как сохранить отредактированное изображение из Canvas на сервере/в localStorage?

Question

[Nick Nesterov]

Доброе время суток,
помогите решить проблему. Я загружаю в Canvas картинку по url-у, редактирую и после хочу сохранить у себя на сервере или в localStorage и вывести ее в .
Как это возможно реализовать?

Answer 1

[Mark Doe]

Ну например

var canvas = document.getElementById("MyCanvas");
var imageData = canvas.toDataURL();

Вернет base64 данные для картинки, которые можно отправлять и сохранять как угодно

Comments

[Nick Nesterov]

Во-первых выкидывает ошибку Uncaught SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.

Во-вторых, как я потом могу вывести картинку в ?

[eQ1]

< img crossorigin="anonymous" src="some.url" / > // html
или
img.setAttribute('crossOrigin', 'anonymous'); // js
Поможет избавиться от «security error»