Javascript 使用SVG.js库包装现有SVG元素

如何在

svg.js

中包装现有的

元素

例如：

<svg>
    <circle r="10" cx="10" cy="10" fill="red"></circle>
</svg>

我知道用svg.js可以很容易地构建它，但我以它为例回答我的问题

var existingSvg = Svg.<some-method>(document.querySelector("svg"));
existingSvg.children(); // circle

var existingSvg=Svg（document.querySelector（“Svg”）；
现有svg.children（）；//圆圈

我该怎么做

我尝试使用

SVG（“”）

，但是

children（）

返回一个空数组。

有一个可以导入现有SVG的函数。要使用它，请执行

draw.absorb(element)

有一个用于导入现有SVG的。要使用它，请执行

draw.absorb(element)

---

旧问题加上新答案： 在v2中，svg.js只需调用

svg.get（'id'）

即可获取svg的其他实例，然后该实例将返回此svg的实例

//编辑：为了确保所有方法都能正常工作，您应该在文档中没有其他SVG时调用

SVG.prepare（element）

。我认为这是一个应该修复的错误

---

//EDIT2：甚至可以使用SVG（'id'）来获取根实例。这将使对SVG.prepare（）的调用也过时了

旧问题和新答案： 在v2中，svg.js只需调用

svg.get（'id'）

即可获取svg的其他实例，然后该实例将返回此svg的实例

//编辑：为了确保所有方法都能正常工作，您应该在文档中没有其他SVG时调用

SVG.prepare（element）

。我认为这是一个应该修复的错误

---

//EDIT2：甚至可以使用SVG（'id'）来获取根实例。这也会使对SVG.prepare（）的调用变得过时

是否可以将其加载到位？这只是将现有的svg复制到一个

svg

实例中。是否可以将其加载到位？这只是将现有的svg复制到一个

svg

实例中。这应该是令人惊讶的。谢谢如果我有一个实际的元素，而不是一个id呢？你会使用adopt方法，这应该是令人惊讶的。谢谢如果我有实际的元素，而不是id呢？您将使用采用方法