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