javascript - 在 Chrome 扩展中下载 Canvas 作为图像

Question

此代码适用于我将 Canvas 下载为自定义 html 页面中的图像:

var save = function() {
            var x= document.getElementById("output-canvas");
            var dt = x.toDataURL('image/png');
            this.href = dt;
};
downloadLink.addEventListener('click', save, false);

但它对于我正在开发的 Chrome 插件中的 popup.html 中的 Canvas 不起作用(没有任何错误)。

有人可以帮我解决在 Chrome 插件中下载 Canvas 项目的问题吗？

编辑:

这是我的 list 文件:

{
  ...
  "permissions": [ "contextMenus", "tabs", "http://*/*", "https://*/*", "activeTab", "storage"],
  ...
}

Answer 1

list :

1. manifest.json 中应允许您在 Canvas 上绘制的图像 URL "permissions" :

   "permissions": [
     "activeTab",
     "https://i.imgur.com/*"
   ],
   

2. 链接元素应该有 download attribute包含要保存的文件的名称:

   <a download="test.png" href="...">Save me</a>
   

   或

   var link = document.createElement('a');
   link.download = 'test.png';
   link.href = canvas.toDataURL('image/png');
   document.body.appendChild(link);