如何通过保存链接来保存和共享画布html5图像?

时间:2012-10-15 18:56:46

标签: html5 canvas save html5-canvas share

  

可能重复:
  Download canvas image on the fly

我有{{1>} HTML5 ,它完全正常运行。现在,我想创建一个排序游戏,人们可以保存他们的图像并与他人分享。这可以通过将图像保存为不同的URL然后是画布所在的位置来完成(我猜)。现在,如果我“保存”我的HTML5画布,我会在浏览器中获取此URL:

canvas

所以现在,我想将它真正保存在服务器上,并获得一个我可以与朋友分享的链接,以便他们可以在互联网上看到这个图像。我怎么能让这个可能的人?

PS:我用这个片段“保存”它:

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAiYAAAHCCAYAAADb8wJPAAAeKklEQVR4nO3d36tv6V0f8M+fkItceFGKIAiC4EVpwateFQSvAm0g1Is2

1 个答案:

答案 0 :(得分:0)

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

为此,请参阅:How to save a PNG image server-side, from a base64 data string