HTML5 сохранить холст в файл на сервере

Question

Мне нужно создать компонент, используя холст html5, который дает изображение, которое пользователь может нарисовать на нем, и напрямую (через вид кнопки сохранения) загрузить его настроенную версию на сервер.

Могу ли я использовать HTML-холст для него? Любое предложение?

спасибо заранее

Answer 1

Вы можете получить изображение в виде URL-адреса, например:

var dataUrl = document.getElementById('your-canvas').toDataURL();

Затем вы можете отправить это (очень длинная строка) на сервер и сохранить его в файл после декодирования (оно закодировано в base64).

РЕДАКТИРОВАТЬ: Не забудьте отправить это через POST, как это предлагается в комментариях. GET имеет некоторые ограничения по длине в различных браузерах, поэтому он может превысить эти ограничения при таком огромном количестве данных.

Answer 2

Обратите внимание, что в данный момент это не работает по прибытии для Android (до версии 2.3). Пожалуйста, отметьте эту проблему - http://code.google.com/p/android/issues/detail?id=7901