angular - 无法在 IE 中将 SVG 下载为 PNG

Question

我在 d3 中创建了一个图表。根据我的要求，我必须允许在所有浏览器中以 PNG 格式下载。为此，我正在使用 saveSvgAsPng.js。

saveSvgAsPng(document.getElementById("sample"), "sample.png", { width: '50%' });

我可以在 Chrome 和 Firefox 中下载它，但我无法在 IE 中下载。

在检查控制台时，出现以下错误:

Unknown font format for https://fonts.googleapis.com/css?family=Karla; Fonts may not be working correctly

Rendered SVG images cannot be downloaded in this browser.

不知道是不是漏传了什么参数

Answer 1

根据 saveSvgAsPng GitHub

Internet Explorer will only work if canvg is passed in, otherwise it will throw a SecurityError when calling toDataURL on a canvas that's been written to. [...]

所以你必须包含你的脚本canvg，然后将它作为参数传递

var svg = document.querySelector('sample');
saveSvgAsPng(svg, "sample.png", {canvg:window.canvg});