1. 首頁
  2. 問答
  3. 怎麼得到我的畫布的快照

怎麼得到我的畫布的快照

2010-07-30 37 views
3

我開發使用JavaScript小應用程序，使用這個我可以在canvas.I畫要知道，怎麼得到我的畫布的快照，併發送一個又一個，怎麼得到我的畫布的快照

使用JavaScript或任何其他服務器端語言。 請幫助我。謝謝。

來源

2010-07-30 Kumara

+1

既然當javascript成爲服務器端語言？ :) – Simon 2010-07-30 12:35:21

+1

@Syom - 他說*或*，但有很多JS的服務器端實現:) http://en.wikipedia.org/wiki/Comparison_of_Server-side_JavaScript_solutions – 2010-07-30 12:53:17

回答

1

您可以使用Canvas2Image將HTML 5畫布保存到文件以供下載。

來源

2010-07-30 12:24:47

4

你可以通過toDataURL方法得到畫布作爲一個數據URL的PNG圖像：

canvas.toDataURL(); // => data:...

來源

2010-07-30 12:47:16 James

1

我使用以下命令：

window.location.href = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");

這會導致瀏覽器的位置變化到一個包含畫布內容的PNG的數據URL，然後瀏覽器會提示保存（改變MIME類型的力量，否則瀏覽器將顯示PNG）。

來源

2010-10-29 03:56:08 Tom

+0

好的提示。雖然請注意，這不適用於iOS設備（不能下載文件錯誤），但如果按原樣保留mime類型，則用戶可以保存加載的結果圖像（兩步過程而不是一個過程）。 – 2011-05-16 07:59:15

相關問題

 相關問題