如何转换/出口d3.js图（可折叠树）为SVG/PDF/PNG

我正在构建一个d3.js可折叠树，并使用这个（http://bl.ocks.org/mbostock/4339083）作为我的工作示例。这很好，但我也会提供一个选项来下载/导出这棵树为SVG/PDF/PNG。我搜查了很长时间来处理这个问题，但它总是相同的结果。由此产生的SVG/PNG有问题。确切地说，树的节点之间的链接是错误的。如何转换/出口d3.js图（可折叠树）为SVG/PDF/PNG

我尝试这些方法：

ht_tp：//jsfiddle.net/plaliberte/HAXyd/

ht_tp：//d3export.cancan.cshl.edu/

为了更好地理解这个观点图片！

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

谢谢！

来源

2013-11-21 user3017615

对于几乎所有的方法，您都需要内联样式规则。在你的例子中，看起来你需要为所有链接设置'.style（“fill”，“none”）'。 –

感谢您的快速回复，但在我的浏览器中树看起来很棒。仅当我将SVG导出/下载为SVG或PNG时，它看起来像我的第一张图片（浏览器视图：http://de.tinypic.com/r/2cy1p43/5） – user3017615

您是否尝试过内嵌样式规则建议？ –

大多数将SVG转换为其他东西的方法都依赖于SVG本身可用的样式信息，如果您使用外部CSS，情况并非如此。也就是说，你的情况，你可能有CSS，看起来像这样：

path { 
    fill: none; 
}

此信息需要连接到在这种情况下，使转换工作的联系。也就是说，在你的代码中你需要添加这样的东西。

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

该转换应该适用于此。

来源

2013-11-21 14:03:42

如何转换/出口d3.js图（可折叠树）为SVG/PDF/PNG

回答

相关问题