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

时间:2013-03-13 14:42:54

标签: d3.js

我在其他地方创建了SVG文件(使用MS Visio),我想将其用作可视化的背景,其中一些定位由SVG图形中的项目放置驱动。理想情况下,我可以直接操作导入的SVG数据,然后使用D3在调用文档中创建元素。

是否有一种简单的方法可以使用D3将现有SVG文档导入数据结构,类似于导入JSON的方式?我已经尝试过d3.xml,但似乎没有得到有用的数据结构。据我所知,使用IMG标记导入图形不会使用SVG元素填充DOM。

一个小的复杂问题:它必须也适用于IE9! (ImportNode不起作用)

1 个答案:

答案 0 :(得分:2)

感谢您的想法。我最终发现了该怎么做。可以使用d3.xml调用导入SVG文件。解析已完成,但复杂性是如何理解生成的DOM结构。 IE9似乎在放置导入的节点时遇到问题,但我不需要这种行为,因为我只想使用传入SVG的各个方面,并且将使用D3重新生成SVG