Отправка данных холста на сервер

Question

У меня есть холст на моей веб-странице.Здесь пользователь рисует изображение.Теперь, когда пользователь нажимает кнопку отправки, я хочу, чтобы браузер отправлял данные холста вместе с другими полями.
Можно ли отправлять данные холста.Если да, то как?

Answer 1

canvas.toDataURL("image/png");

вернет данные вашего изображения в виде данных: URI
Вы можете установить его в скрытое поле и отправить его с вашей формой.
Или вы можете отправить его через запрос AJAX.

Вы можете создать другое изображение с помощью URI и перерисовать изображение

var imageURI = ...
// TODO: get the URI
var context = canvas.getContext('2d');
var img = new Image();
img.onload = function() {
  ctx.drawImage(img,0,0);
}
img.src = imageURI;