如何在Firefox OS应用程序的浏览器中打开数据：image / png; base64 URL？

Question

我需要在Firefox OS的默认浏览器中打开数据：image / png; base64 URL 代码的相关部分：
HTML：

<img src="img/Link.png" onclick="generateLink()"/>
<a href="#" id="link" target="_blank">Link</a>

JS：

document.getElementById("link").href=document.getElementsByTagName('canvas')[0].toDataURL();

该代码适用于Google Chrome。

Answer 1

在JavaScript中，您有以下表达式：

document.getElementsByTagName('canvas')

但HTML代码中没有任何canvas元素。

你应该做的是使用画布'drawImage调用将位图放入画布2D上下文，然后在画布上调用toDataURL。

此外，为什么用户必须先触摸图像才能生成链接？为什么不一步创建数据URL？