SVG 中的多个类

Multiple Classes in SVG

本文关键字:SVG      更新时间:2023-09-26

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

我真的希望有人能理解我在问什么。很难在不透露我最终项目的每一个细节的情况下用语言表达我的问题。

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

<g class="person1 person2">

或者,在 D3 中:

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

还有一点需要注意:如果要从文件中调用函数:

.attr("class",function(d) { return d.person1+" "+ d.person2;}  ) 
相关文章:
  • 没有找到相关文章