Экспорт изображения с холстом

Question

Я создаю приложение (основанное только на HTML, CSS и jQuery), в котором я создам изображение на основе слоев (просто кучка элементов div, расположенных один над другим), а затем мне нужно будет его экспортироватьПользователь может загрузить окончательную версию в формате JPG или PNG.

Есть ли способ экспортировать содержимое холста как загружаемое изображение?

Answer 1

canvas.toDataURL()

также см .:

canvas.toBlob()

Answer 2

Насколько я знаю, вы не можете заставить браузер загрузить файл, который он сам сгенерировал.

Однако вы можете использовать метод Canvas.getDataURL() элемента canvas. Он возвращает данные изображения в виде PNG в кодировке base64. Вы можете загрузить это на свой сервер с помощью Ajax, чтобы сервер снова преобразовал его в обычный файл PNG (или даже другой тип файла), а затем попросил клиента загрузить изображение с сервера.

Я знаю, что это немного странно, но это легко сделать.