在D3.js中导入和解析SVG文件

Question

我有一些在其他地方（使用MS Visio）创建的SVG文件，我想将其用作可视化的背景，其中某些位置由SVG图形中项目的放置驱动。理想情况下，我希望能够直接操作导入的SVG数据，然后使用它来创建D3中调用文档中的元素。

是否有一种简单的方法可以使用D3将现有的SVG文档导入到数据结构中，类似于可以导入JSON的方式？我尝试过d3.xml，但似乎没有得到有用的数据结构。使用IMG标签导入图形不会像我看到的那样填充DOM中的SVG元素。

一个小问题：它还必须在IE9中工作！（ImportNode不起作用）

- David Christie

---

动态创建SVG对象 - http://codinginparadise.org/projects/svgweb/docs/UserManual.html#dynamic - widged

或者使用jQuery - http://blattchat.com/2013/02/01/asynchronously-loading-svg/，以及用于SVG操作的http://keith-wood.name/svg.html。 - widged

可能是Is it possible to import svg shapes in d3.js?的重复问题。 - user1742529

Answer 1

感谢您的建议。最终我找到了解决方法。可以使用d3.xml调用导入SVG文件。解析已完成，但复杂之处在于如何理解所生成的DOM结构。IE9似乎存在将导入节点放置的问题，但我不需要那种行为，因为我只想使用传入SVG的某些方面，并将使用D3重新生成SVG。

- David Christie