如何保存並共享畫布html5圖像保存爲鏈接？

Question

可能重複：
Download canvas image on the fly

我有一個canvas的HTML5這是完全正常工作。現在，我想創建一個分類遊戲，人們可以保存圖像並與其他人分享。這可以通過保存圖像作爲一個不同的網址，然後在畫布所在的位置完成（我猜）。現在，如果我「拯救」我的HTML5的畫布，我在瀏覽器中得到這個URL：

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAiYAAAHCCAYAAADb8wJPAAAeKklEQVR4nO3d36tv6V0f8M+fkItceFGKIAiC4EVpwateFQSvAm0g1Is2

所以，現在，我想真正保存在服務器上，讓我可以分享一個鏈接我的朋友，以便他們可以在互聯網上看到這個圖像。我怎樣才能讓這個可能的傢伙？

PS：我的 「保存」 就在這個片段：

<input type="button" id="save" value="Save to PNG"> 

<script> 
    document.getElementById('save').onclick = function() { 
    window.location = document.getElementById("RoCanvas").toDataURL('image/png'); 
    }; 
</script> 

Answer 1

是。基本上你產生的圖像在客戶端。您將需要採用Base64編碼的字符串並將其發送到您的服務器。然後在服務器上，您可以將其轉換爲圖像。

對此：How to save a PNG image server-side, from a base64 data string