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

Question

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

Answer 1

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

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

显然，您也可以通过这种方式仅复制 SVG 的一部分，例如顶级组。