HTML5將畫布保存到服務器上的文件

Question

我需要使用HTML5畫布創建一個組件，該組件使用給定圖像，用戶可以直接在其上繪製圖像（通過一種保存按鈕）將其上傳到服務器上的自定義版本。

我可以使用html canvas嗎？ 有什麼建議嗎？

THX提前

Answer 1

你可以得到的圖像數據，網址是這樣的：

var dataUrl = document.getElementById('your-canvas').toDataURL(); 

然後，您可以發送這個（很長的字符串）到服務器，之後將其保存到一個文件解碼它（它以base64編碼）。

編輯：請記住，通過POST提交，如評論中所建議的。 GET在各種瀏覽器中有一定的長度限制，所以它有可能超過這些限制，擁有如此龐大的數據。

Answer 2

請注意，這是目前Android的抵達（直到幷包括2.3）。請將此問題明星 - http://code.google.com/p/android/issues/detail?id=7901