如何通过另存为链接保存和共享画布html5图像？

可能重复：

我有一个

canvas

的HTML5，它完全可以工作。现在，我想创建一个排序游戏，人们可以保存自己的图像并与他人共享。这可以通过（我猜）将图像保存为不同的url，然后保存到画布所在的位置来实现。现在，如果我“保存”我的HTML5画布，我会在浏览器中获得以下URL：

数据：图像/png；base64，IVBORW0KGGOAAAANSUHEUGAAAIYAAAHCCAYAAADB8WJPAAEKLEQVR4NO3D36TV6V0F8M+FKITCEFGKIAC4EVPWATEFQSVAM0G1IS2

所以现在，我想将它真正保存在服务器上，并获得一个链接，我可以与我的朋友共享，这样他们就可以在互联网上看到这张图片。我怎样才能做到这一点

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>

document.getElementById（'save'）。onclick=function（）{
window.location=document.getElementById（“RoCanvas”）.toDataURL（“image/png”）；
};

是。基本上，您正在生成的映像位于客户端上。您需要获取Base64编码字符串并将其发送到服务器。然后在服务器上，您可以将其转换为图像

---

为此，请参见：

您应该只需要存储base64编码的字符串。您可以将图像标记的

src

设置为字符串，它将显示。