HTML Canvas и сохранение данных на сервере

Question

Скажем, я написал простое приложение, которое рисует круги в браузере. Теперь я хотел бы позволить людям сохранять свои фотографии. Как я буду хранить данные на сервере? Какой формат будет лучшим вариантом? Должен ли я просто хранить соответствующие HTML? Что будет в том случае, если я захочу создать пользовательский формат, который будет сохранен на сервере и проанализирован обратно в HTML-холст при загрузке?

Answer 1

Как мне хранить данные на сервере?

Какой формат будет лучшим вариантом?

Поскольку это просто круги, вам, вероятно, просто нужны начальная координата, размер, толщина линии и цвет. Похоже, его достаточно легко хранить с SQL.

Должен ли я просто хранить соответствующий HTML?

Какой HTML? Рисунки на холсте не выставляются в DOM. Вот почему canvas (в настоящее время) ужасен для доступности (в отличие от SVG).

Что будет, если я захочу создать собственный формат, хранится на сервере и анализируется обратно в HTML-холст при загрузке?

Я бы переместил его как JSON, а затем перебрал бы набор данных с помощью JS, чтобы перерисовать его.

Answer 2

Это может помочь: Сохранить как файл в форме .

Эта демонстрация показывает, как сохранять локально - хотя, по крайней мере для меня, Save PNG (и т. Д.) Работает в Firefox, но не в Chrome.

Answer 3

canvas.toDataURL должно позволять вам делать такие вещи. проверьте исходный код canvaspaint.org , чтобы узнать, как сохранить его на локальном компьютере и на сервере.