javascript - 如何将 d3.js 图形(可调用树)转换/导出为 SVG/PDF/PNG

Question

我正在构建一个 d3.js 可折叠树，并在我的工作中使用了这个 ( http://bl.ocks.org/mbostock/4339083) 示例。这很好用，但我也会提供一个选项来下载/导出这棵树为 SVG/PDF/PNG。我搜索了很长时间来处理这个问题，但结果总是一样的。生成的 SVG/PNG 有问题。确切地说，树的节点之间的链接是错误的。

我尝试了这些方法:

ht_tp://jsfiddle.net/plaliberte/HAXyd/

ht_tp://d3export.cancan.cshl.edu/

为了更好地理解，请查看此图片!

http://de.tinypic.com/r/30auvec/5

谢谢!

Answer 1

大多数将 SVG 转换为其他内容的方法都依赖于 SVG 本身可用的样式信息，如果您使用的是外部 CSS，则情况并非如此。也就是说，在您的情况下，您可能拥有如下所示的 CSS:

path {
  fill: none;
}

在这种情况下，需要将此信息附加到链接才能进行转换。也就是说，在您的代码中，您需要添加类似这样的内容。

link.style("fill", "none");

转换应该适用于此。