jquery canvas下載

2012-01-16 65 views 3 likes

我有我的畫布元素和一些div，點擊後我希望打開下載「畫布快照」。在我現在有：jquery canvas下載

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

什麼顯示圖像 - 因此它是好的，但我要的是公式，這將導致這幅畫給用戶的計算機自動下載，點擊#save DIV之後。

來源

2012-01-16 santBart

我不想在窗口中打開它，但在光盤上觸發下載。 – santBart 2012-01-16 20:31:09

接下來的事情是，當我把它放到我的img src標籤中時，一切正常，試圖在新窗口中打開它會導致「此網頁不可用」。我不知道爲什麼。 – santBart 2012-01-16 20:33:20

http://stackoverflow.com/questions/8888129/cakephp-download-png-file – santBart 2012-01-17 01:28:00

回答

保存圖像可以使用HTML5 blob完成。

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

你可以得到一滴出<canvas>想在這個代碼做的：

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

來源

2012-01-17 15:40:51

相關問題