svg.js 라이브러리를 사용하여 기존 SVG 요소 줄 바꾸기

Question

요소를 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 

어떻게하면됩니까?

SVG('<id-ofsvg-element>')을 사용해 보았지만 children()은 빈 배열을 반환합니다.

Answer 1

새 응답과

오래된 질문 : V2 svg.js에서 할 수있는 다음이 SVG에 대한 인스턴스를 반환합니다 단순히 SVG.get('id')를 호출하여 SVG의 픽업 다른 인스턴스

// 수정 : 모든 메서드가 제대로 작동하는지 확인하려면 SVG.prepare(element)을 호출해야합니다. 문서에 다른 SVG가 없으면 이미 호출해야합니다. 그 버그를 고쳐야한다고 생각합니다.

// EDIT2 : 이미 루트 인스턴스를 얻으려면 SVG ('id')를 사용할 수 있어야합니다. 이렇게하면 SVG.prepare() 호출이 더 이상 쓸모 없게됩니다.

Answer 2

기존 SVG를 가져올 수있는 plugin called svg.absorb.js이 있습니다. 이를 사용하려면 다음과 같이 실행

draw.absorb(element)