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

标签 d3.js

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

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

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

最佳答案

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

关于d3.js - 在 D3.js 中导入和解析 SVG 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15388444/

相关文章:

javascript - 如何将数据列指定为线生成器中使用的属性?

javascript - 更新 D3 对象选择

javascript - D3 : Giving a linear scale a dynamic domain

javascript - D3.js:获取所选下拉选项的文本?

javascript - dc.js + 根据数据集使图表动态化

javascript - 计算具有特定属性值的对象数组中的项目数 (JavaScript)

javascript - 如何访问在 d3.json 请求之外声明的变量

javascript - 当键是用户输入时,我应该如何使用 map 来获取对象的一些值

javascript - D3 仅当元素不存在时追加元素

javascript - D3 似乎更新了错误的 SVG 元素