2013-07-03 98 views
0

這是情況。我使用d3動態生成徽標(即它們不是外部資源)作爲svgs。我現在有一張svg地圖,我想添加這些相同的標誌。有沒有一種方法(用d3或不)將這些標識複製到地圖上?如果它有幫助,我的模特們都會掛在他們的標誌svg的字符串表示上,這些標誌由new XMLSerializer().serializeToString()製成。我可以在頁面上添加一個svg到另一個svg嗎?

回答

2

您可以通過克隆源並將其附加到目標與jQuery很容易複製節點層次:

$("#source > svg").clone().appendTo("#target"); 

可以很明顯的也複製了SVG的唯一部件,例如頂層組,這種方式。

+0

謝謝!那樣做了。 – Chris

+0

其實,有關如何將目標元素的頂層組居中的任何提示? – Chris

+1

將'transform'屬性設置爲合適的'translate'值,即元素寬度的一半和高度的一半。 –

相關問題