0

SVG 画像全体に色を適用する方法はありますか? 私が持っている各パスとサークルとラインに降りて、1つずつ実行するのではありませんか?

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 に答える