如何用javascript下载画布图像(base64）

How to download canvas image(base64) in javascript

本文关键字：图像 base64 布图像 何用 javascript 下载      更新时间：2023-09-26

我正在使用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();
        }
    });

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

download属性不兼容。

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

然而，它适用于Firefox、Chrome、Opera和Android，如果不适用，可能是因为用户没有进行点击事件（你正试图在渲染事件上下载），所以Chrome存在安全漏洞。

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

如果我在触发click之前将link添加到页面中，如下所示，

document.body.appendChild(link);
link.click();
link.parentNode.removeChild(link);
相关文章：