Question

此代码适用于在自定义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插件中下载画布项目的问题吗？

编辑：

这是我的清单文件：

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

Answer 1

清单：

您应该在manifest.json "permissions"中允许您在画布上绘制的图片网址：
```
exit(ZLIB_VERNUM < 0x1250);
```

link元素应包含download attribute，其中包含要保存的文件的名称：

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

或

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

下载画布作为chrome扩展中的图像

1 个答案: