如何在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);