gpt4 book ai didi

html - 将 SVG 属性添加到类

转载 作者:行者123 更新时间:2023-11-28 17:10:03 26 4
gpt4 key购买 nike

我正在使用 SVG 制作图像,许多元素具有相同的属性,即典型元素如下所示:

<line x1="30" y1="10" x2="270" y2="10" stroke-width="0.1" stroke="lightgray" stroke-dasharray="2.5 2.5"/>

有许多这样类型的线,其中唯一改变的是坐标。必须有一种方法可以使某种类包含 stroke-width、stroke 和 stroke-dasharray 的属性吗?我重复了很多,这有点堵塞了代码。

我尝试过使用 CSS,但无法使用它来获取 SVG 属性。有谁知道如何实现这一目标?谢谢

最佳答案

样式属性可以从它们的父元素继承。因此,如果您有一堆具有相同属性的行,则只需将它们包装在一个组中并将属性应用于该组即可。

<g stroke-width="0.1" stroke="lightgray" stroke-dasharray="2.5 2.5"/>
<line x1="30" y1="10" x2="270" y2="10"/>
<line x1="40" y1="10" x2="270" y2="30"/>
...etc...
</g>

关于html - 将 SVG 属性添加到类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46570434/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com