用畫布導出圖像

Question

我正在創建一個應用程序（僅基於HTML，CSS和jQuery），其中我將基於圖層創建一個圖像（只是一堆彼此相疊的div），然後我需要導出它，所以用戶可以下載最終版本爲JPG或PNG。

有什麼辦法可以將畫布內容作爲可下載的圖像導出？

Answer 1

canvas.toDataURL() 

還看到：

canvas.toBlob() 

Answer 2

據我所知，你不能讓瀏覽器下載它的產生本身就是一個文件。

但是，您可以使用canvas元素的Canvas.getDataURL()方法。它返回圖像數據，作爲base64編碼的PNG。您可以使用Ajax將其上傳到您的服務器，讓服務器再次將其轉換爲正常的PNG文件（甚至是另一種文件類型），然後讓客戶端從服務器下載圖像。

我知道這是一個小問題，但應該很容易完成。