如何在JavaScript中下载canvas图像（base64）

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

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

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