HTML5将画布保存到服务器上的文件

Question

我需要使用html5画布创建一个组件，给出用户可以在其上绘制的图像，并直接（通过一种保存按钮）在服务器上上传它的自定义版本。

我可以使用html canvas吗？ 有什么建议吗？

thx提前

Answer 1

您可以将图像作为data-url获取，如下所示：

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