D3.js에서 SVG 파일 가져 오기 및 구문 분석

Question

SVG 파일에서 SVG 파일의 위치에 따라 일부 위치가 결정되는 시각화 배경으로 사용하려는 SVG 파일이 있습니다 (MS Visio 사용). 이상적으로는 가져온 SVG 데이터를 직접 조작 한 다음 D3을 사용하여 호출하는 문서에서 요소를 만드는 데 사용할 수 있습니다.

JSON을 가져올 수있는 것과 비슷하게 D3을 사용하여 기존 SVG 문서를 데이터 구조로 가져 오는 간단한 방법이 있습니까? d3.xml을 시도했지만 유용한 데이터 구조를 얻지 못하는 것 같습니다. IMG 태그로 그래픽을 가져 오더라도 SVG 요소로 DOM을 채우지 않습니다.

하나의 작은 복잡성 : IE9에서도 작동해야합니다! (ImportNode가 작동하지 않습니다.)

Answer 1

감사합니다. 나는 결국 무엇을해야하는지 알았다. d3.xml 호출을 사용하여 SVG 파일을 가져올 수 있습니다. 구문 분석이 완료되었지만 생성 된 DOM 구조를 이해하는 방법이 복잡합니다. IE9는 가져온 노드를 배치하는 데 문제가있는 것 같지만 들어오는 SVG의 측면만을 사용하고 D3을 사용하여 SVG를 다시 생성하므로이 동작이 필요하지 않습니다.