페이지에 이미있는 svg를 다른 svg에 추가 할 수 있습니까?

Question

여기 상황이 있습니다. d3을 사용하여 svg로 로고를 동적으로 생성합니다 (예 : 외부 리소스가 아닙니다). 이제는 같은 로고를 추가하려는 svg 맵이 있습니다. 해당 로고를지도에 복사 할 수있는 방법이 있습니까? 그것이 내 모델이 new XMLSerializer().serializeToString()에서 만든 전체 로고 svg의 문자열 표현에 매달려있는 데 도움이된다면.

Answer 1

당신은 소스를 복제하고 대상에 추가하여 JQuery와 함께 아주 쉽게 노드 계층 구조를 복사 할 수 있습니다

:

이

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

또한 예를 들어, SVG의 일부만 복사 분명히 할 수 있습니다 최상위 그룹, 이쪽.