如何转换/导出d3.js图形(可折叠树)到SVG / PDF / PNG

时间:2013-11-21 13:14:59

标签: 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

谢谢!

1 个答案:

答案 0 :(得分:6)

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

path {
  fill: none;
}

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

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

转换应该适用于此。