Скажем, я написал простое приложение, которое рисует круги в браузере. Теперь я хочу, чтобы люди сохранили свои фотографии. Как хранить данные на сервере? Какой формат будет лучшим вариантом? Должен ли я просто хранить соответствующий html? Какой бы случай, когда я хотел бы создать нестандартный формат, который хранится на сервере, и после загрузки синтаксического анализа на html-холст?HTML Canvas и сохранение данных на сервере
Как сохранить данные на сервере?
Какой формат был бы лучшим вариантом?
Поскольку они представляют собой только круги, вам, вероятно, просто нужна начальная координата, размер, толщина линии и цвет. Похоже, что его достаточно легко хранить с SQL.
Должен ли я просто хранить соответствующий html?
Какой HTML-код? Рисунки на холсте не отображаются в DOM. Вот почему холст (в настоящее время) ужасен для доступности (в отличие от SVG).
Что было бы в случае, когда я хотел бы сделать пользовательский формат, который хранится на сервере и разобраны обратно HTML холст при загрузке?
Я переношу его как JSON, а затем перейду через набор данных с помощью JS, чтобы перерисовать его.
canvas.toDataURL должно позволить вам делать такие вещи. проверьте исходный код canvaspaint.org, чтобы узнать, как сохранить его на локальном компьютере и на сервере.
Это может помочь: Save a <canvas> as a file in a form.
This demo показывает, как сохранить локально - хотя, для меня, по крайней мере, сохранить PNG (и т.д.) работать в Firefox, но не в Chrome.