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

Question

这是情况。我使用d3动态生成徽标（即它们不是外部资源）作为svgs。我现在有一个svg地图，我想添加相同的徽标。是否有办法（使用d3或不使用d3）将这些徽标复制到地图上？如果它有助于我的模型挂在由new XMLSerializer().serializeToString()制作的完整徽标svg的字符串表示中。

Answer 1

通过克隆源并将其附加到目标，您可以非常轻松地使用JQuery复制节点层次结构：

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

您显然也可以只复制部分SVG，例如这种方式是顶级组织。