我正在构建一个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
谢谢!
答案 0 :(得分:6)
将SVG转换为其他内容的大多数方法都依赖于SVG本身可用的样式信息,如果您使用外部CSS则不是这种情况。也就是说,在您的情况下,您可能拥有如下所示的CSS:
path {
fill: none;
}
在这种情况下,需要将此信息附加到链接以使转换工作。也就是说,在您的代码中,您需要添加类似的内容。
link.style("fill", "none");
转换应该适用于此。