在安卓浏览器上，toDataURL无法正常工作。

Question

我有一张用户在画布上涂鸦的图片，我想把这张图片保存到服务器上。

这些代码在我的iPad上很好用，但在我的Android（版本2.3.3）浏览器上不起作用：

var testCanvas = document.getElementById("sketchpad");  
var canvasData = testCanvas.toDataURL("image/png");

如果我alert canvasData，我只会得到：

data:，

我错过了什么吗？在安卓上是否可能实现，或者我应该寻找其他方法、插件等？

- zenif3

---

很可能在您的Android版本上不受支持（请注明版本）。 - Mikko Ohtamaa

是的，这正是我所想的。它是2.3.3版本。 - zenif3

http://code.google.com/p/android/issues/detail?id=7901 尽管它在我的安卓平板上可以运行，但似乎无法在旧手机上运行。 - zenif3

Answer 1

很遗憾，您的版本不支持它（我认为它只支持ICS），请查看此报告的问题。

http://code.google.com/p/android/issues/detail?id=16829

据说有一种JavaScript实现可以添加对它的支持，但我自己还没有尝试过。

http://code.google.com/p/todataurl-png-js/

- Jack

---

谢谢！我尝试了JS方法，它是可行的。速度有点慢（用手机创建一个400x800的图像需要14秒到2分钟），但总比没有好。 - zenif3

@user971727：你有没有找到更好的方法来处理上述的todataurl-png-js？因为我也可以使用它，但是它太耗时间了。 - YuDroid

不好意思，我没有。抱歉回复晚了，我停止了一段时间的项目工作。现在我又重新开始了，并决定使用本地方式，因为这样Canvas更具响应性。所以如果可以，请尝试一下。 - zenif3

Answer 2

很遗憾，toDataURL() 只适用于 Android 3.2 或以上版本。

- Vijay Verma

Answer 3

我们已经在多个安卓手机上成功地使用了一种备选实现，而且不需要进行任何修改。这篇博客文章中介绍了这种实现方法：

http://jimdoescode.blogspot.co.uk/2011/11/trials-and-tribulations-with-html5.html

该实现方法如果toDataURL方法可以正常工作，则使用该方法；否则使用JavaScript jpg编码库生成图像。

- Ben Clayton