在ObservableHQ.com上使用d3.js保存包含图像的高分辨率PNG

Question

使用D3.js创建图表时，我可以使用以下方法包含外部映像：

svg.append("svg:image").attr("x", 100).attr("y", 100).attr(
"xlink:href",
"https://my-url.com/image.svg"
);

但是，当我试图使用修改后的这段代码 (为了高分辨率)将图表保存为PNG时，图像不会显示在PNG中。

我做了一个测试笔记本在这里，你可以自己试试。

我一直试图以不同的方式获取图像并将其转换为svg节点，但是我无法正确地解析结果。任何帮助都欢迎，谢谢。

Answer 1

这有点麻烦，但它可能对你有用：https://observablehq.com/@shan/save-high-resolution-png-with-imported-image