Question

我正在使用html2canvas。 Chrome会下载图片，但会下载其他浏览器不要下载图片。

这是代码：

html2canvas($("body")[0], {
        onrendered: function(canvas) {
      var img = canvas.toDataURL("image/png");
      var link = document.createElement('a');
      link.download = "test.png";
      link.href = img;
      link.click();
        }
    });

如何在其他浏览器上下载图像？

Answer 1

download属性不兼容广泛。

http://caniuse.com/#feat=download

但是，它可以在Firefox，Chrome，Opera和Android中使用，如果它不起作用，可能是因为用户没有进行点击事件（您试图下载渲染事件），因此Chrome存在安全漏洞。

如果用户没有在任何地方点击，则由于安全原因不会触发任何点击。明显。

Answer 2

如果我在触发link之前将click添加到页面中，它对我有用，

document.body.appendChild(link);
link.click();
link.parentNode.removeChild(link);

如何在javascript中下载canvas image（base64）

2 个答案: