0

有没有办法可以将颜色应用到整个 SVG 图像？不去我拥有的每条路径和圈子和线并一一做吗？

我试图将我的 svg 元素与

<g class="myImage">

在 myImage 类中，我放了 fill:red 以使其适用于该组中的所有元素，但这不起作用！

我怎样才能使它只能应用一次颜色，然后它会应用于整个图像或组中的元素？

--添加代码

这是我的 SVG 文件（这只是一个示例，我知道圆圈重复了 3 次）

<?xml version="1.0" standalone="no"?>
<?xml-stylesheet href="../css/logo.css" type="text/css"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">

<g class="logo">  
    <circle cx="50%" cy="50%" r="35%"/>
    <circle cx="50%" cy="50%" r="35%"/>
    <circle cx="50%" cy="50%" r="35%"/>
</g>
</svg>

在我的 logo.css 文件中我有一个类

.logo {
    fill:red;
}

希望这可以帮助

4

1 回答 1

1

你做对了。填充应该从<g>元素继承，所有的圆圈都是红色的，一个在另一个上面。Firefox 显示一个大红色圆圈。

于 2013-03-10T19:40:40.390 回答