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

Question

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

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

一个小问题:它也必须在 IE9 中工作! (导入节点不起作用)

Answer 1

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