0

可能重复：动态
下载画布图像

我有一个可以正常工作canvas的HTML5 。现在，我想创建一个排序游戏，人们可以在其中保存他们的图像并与他人分享。这可以通过将图像保存为与画布所在位置不同的 url 来完成（我猜）。现在，如果我“保存”我的 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>
4

1 回答 1

0

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

为此，请参阅：如何从 base64 数据字符串保存 PNG 图像服务器端

于 2012-10-15T20:53:48.793 回答