Сохранить изображение, нарисованное на canvas

@privet123 · Регистрация: 05.02.2013

Author24 — интернет-сервис помощи студентам

Здравствуйте! А можно ли как-то сохранить, то, что нарисовано в canvas(код нарисованного)? У меня есть рисовалка на html5, мне нужно то, что нарисовано в этом canvase сохранить в виде кода(в виде картинки у меня сделано). Это возможно?

@Grass-snake · 06.02.2013, 22:32

Javascript

var canvas = document.getElementById("canvasName").toDataUrl("image/jpeg");
var ajax = new XMLHttpRequest();
ajax.open("POST",'/save_image.html',false);
ajax.setRequestHeader('Content-Type', 'application/upload');
ajax.send(canvas);

а на сервер-сайде сохраняешь то что пришло post-запросом.

Источник: linux.org.ru

@privet123 · 11.02.2013, 13:59 **[ТС]**

Все это сделано, но теперь выдает ошибку: file:///F:/image.html Resource failed to load.
Насколько я понимаю, это потому, что идет обращение к другому домену... а браузер не дает... А как это можно обойти?

Добавлено через 1 час 17 минут
Извиняюсь за глупый вопрос! Объясните пожалуйста что такое сервер-сайд!

@WhooogyMan · 11.02.2013, 14:49

сам не проверял, но на хабре видел такой способ

Javascript

1	window.open(document.getElementById("canvas").toDataURL("image/png"),"tfract_save");

(ссылки нет, но статья про фракталы, найти несложно)

@privet123 · 14.02.2013, 16:48 **[ТС]**

Спасибо за совет, но это сохранение как картинки, а мне нужен код нарисованного, а как картинку моя программа умеет, а подскажите как принять этот post-запрос?

@privet123 0 / 0 / 0 Регистрация: 05.02.2013 Сообщений: 3
		1
	Сохранить изображение, нарисованное на canvas 05.02.2013, 09:57. Показов 9797. Ответов 4 Метки нет (Все метки) Здравствуйте! А можно ли как-то сохранить, то, что нарисовано в canvas(код нарисованного)? У меня есть рисовалка на html5, мне нужно то, что нарисовано в этом canvase сохранить в виде кода(в виде картинки у меня сделано). Это возможно? 0

@privet123 0 / 0 / 0 Регистрация: 05.02.2013 Сообщений: 3
	11.02.2013, 13:59 [ТС]	3
	Все это сделано, но теперь выдает ошибку: file:///F:/image.html Resource failed to load. Насколько я понимаю, это потому, что идет обращение к другому домену... а браузер не дает... А как это можно обойти? Добавлено через 1 час 17 минут Извиняюсь за глупый вопрос! Объясните пожалуйста что такое сервер-сайд! 0

@privet123 0 / 0 / 0 Регистрация: 05.02.2013 Сообщений: 3
	14.02.2013, 16:48 [ТС]	5
	Спасибо за совет, но это сохранение как картинки, а мне нужен код нарисованного, а как картинку моя программа умеет, а подскажите как принять этот post-запрос? 0