如何獲取我的畫布快照

Question

我使用javascript開發小應用程序，使用它我可以在畫布上繪制。我想知道， 如何獲取我的畫布的快照並將其發送給另一個，

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

Answer 1

您可以通過toDataURL方法獲取畫布的PNG圖像作為數據URL：

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

Answer 2

看一下本教程，它展示了如何拍攝畫布的快照並使用AJAX將其發送到您的服務器。

將Canvas內容發送到服務器

Answer 3

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

Answer 4

我使用以下內容：

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

這會導致瀏覽器的位置更改為包含畫布內容的PNG的數據URL，然后瀏覽器將提示保存（更改mime類型的力，否則瀏覽器將只顯示PNG。）