2

我正在构建一个 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

谢谢!

4

1 回答 1

6

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

path {
  fill: none;
}

在这种情况下,需要将此信息附加到链接以使转换工作。也就是说,在您的代码中,您需要添加类似这样的内容。

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

转换应该与此一起使用。

于 2013-11-21T14:03:42.960 回答