javascript - SVG 中的多个类

标签 javascript class svg d3.js

我是 SVG 的新手(使用 D3.js 调用所有内容)。最近,我正在做的一个项目遇到了一个巨大的限制。我希望能够为我正在处理的每一类数据制作“g”类。不幸的是,我从一个仅以一种方式连接数据的 XML 文件中获取数据(例如:person1 ---> person2,而不是 person2 ---> person1)。我希望能够做的是将从我的数据生成的每个形状放在根类及其连接的类中。如果我可以将这个形状添加到两个或更多类(例如 g class = person1 和 person2),那将是我认为最快的解决方案......但是这样的事情可能吗?我可以将 SVG 形状设置为两个或多个类吗?或者它会在我定义新的时覆盖它。

我真的希望有人能明白我在问什么。如果不透露我最终项目的每一个细节,就很难用语言表达我的问题。

最佳答案

是的,你可以设置多个类。例如,

<g class="person1 person2">

或者,在 D3 中:

g.attr("class", "person1 person2");

关于javascript - SVG 中的多个类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11144469/

相关文章:

javascript - 我如何使用js eval返回一个值?

javascript - 纯 JavaScript 从下拉选择中删除项目

C++ 通过引用传递类中的函数

java - 如何对其他类中 SpeechRecognizer 的结束使用react?额外类中的识别器

reactjs - React svg xmlns :xlink identifier expected

Javascript 逻辑 "!=="运算符?

javascript - 在 javascript 中访问嵌套数组/属性

Java如何直接向类添加项目而不是使用数组对象

css - 如何使用单路径绘制 flex 的 SVG?

python - 如何转换 SVG 图像以用于 Pisa/XHTML2PDF?