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

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;