如何轉換/出口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

回答

相關問題