jquery canvas图像下载

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 blob来保存图像。

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

您可以使用此代码中的<canvas>完成Blob：

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