如何将d3.js图形(callapsible tree)转换/导出为SVG/PDF/PNG

use*_*615 2 javascript svg d3.js canvg

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

谢谢!

Lar*_*off 6

将SVG转换为其他内容的大多数方法都依赖于SVG本身可用的样式信息,如果您使用外部CSS则不是这种情况.也就是说,在你的情况下你可能有这样的CSS:

path {
  fill: none;
}
Run Code Online (Sandbox Code Playgroud)

在这种情况下,需要将此信息附加到链接以使转换工作.也就是说,在你的代码中你需要添加这样的东西.

link.style("fill", "none");
Run Code Online (Sandbox Code Playgroud)

转换应该适用于此.