JQuery холст изображения скачать

Question

У меня есть элемент canvas и некоторый div, который после нажатия я хочу открыть, загрузив «снимок холста». Теперь у меня есть:

$("#save").live('click', function(e)
{
    var image = canvas.toDataURL("image/png", true); 
    var imageElement = document.getElementById("myPics");
    imageElement.src = image;
 });

Что отображает изображение - так это нормально, но я хочу, чтобы формула вызывала автоматическую загрузку этой картинки на компьютер пользователя после нажатия кнопки #save div.

Answer 1

Сохранение изображения может быть выполнено с использованием блобов HTML5.

http://www.html5rocks.com/en/tutorials/file/filesystem/#toc-file-writing

Вы можете получить Blob из <canvas>, как сделано в этом коде:

https://github.com/miohtama/Krusovice/blob/master/src/tools/resizer.js