我可以在页面上添加一个svg到另一个svg吗？

Question

这是情况。我使用d3动态生成徽标（即它们不是外部资源）作为svgs。我现在有一张svg地图，我想添加这些相同的标志。有没有一种方法（用d3或不）将这些标识复制到地图上？如果它有帮助，我的模特们都会挂在他们的标志svg的字符串表示上，这些标志由new XMLSerializer().serializeToString()制成。

Answer 1

您可以通过克隆源并将其附加到目标与jQuery很容易复制节点层次：

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

可以很明显的也复制了SVG的唯一部件，例如顶层组，这种方式。