HTML畫布和保存在服務器上的數據

Question

說我寫了一個簡單的應用程序，在瀏覽器中繪製圓圈。現在我想讓人們保存他們的照片。我將如何將數據存儲在服務器上？哪種格式是最好的選擇？我應該只存儲相關的HTML嗎？當我想要製作存儲在服務器上的自定義格式並在加載時解析回HTML畫布時，會出現什麼情況？

Answer 1

如何將數據存儲在服務器上？

哪種格式是最好的選擇？

由於它們只是圓形，所以您可能只需要開始座標，大小，線條粗細和顏色。聽起來很容易用SQL存儲。

我應該簡單地存儲相關的html嗎？

什麼是HTML？畫布上的繪畫不會暴露在DOM中。這就是爲什麼canvas（當前）對可訪問性（與SVG不同）的原因。

會是什麼情況時，我會想使存儲在服務器上 和加載時解析回HTML畫布自定義格式？

我將它作爲JSON傳輸，然後用JS重複繪製數據集。

Answer 2

canvas.toDataURL應該允許你做這樣的事情。查看canvaspaint.org的源代碼，瞭解如何在本地計算機和服務器上保存。

Answer 3

這可能有所幫助：Save a <canvas> as a file in a form。

This demo顯示瞭如何保存本地 - 儘管如此，至少對於我來說，保存PNG（等）工作在Firefox但不是Chrome。