63

要素にグループ化されたいくつかの SVG 要素があり<g>ます。<g>要素のグループ化を示すために、その要素のスタイルを設定したいだけです。背景色と境界線を付けたいのと同じように。それはどのように達成されるでしょうか?

要素に属性を付けようfillとしましたが、うまくいきません。それはどのように可能でしょうか?前もって感謝します!stroke<g>

サンプルはこちら

<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg">
    <g fill="blue" stroke="2">
            <rect id="svg_6" height="112" width="84" y="105" x="136" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="#000000" fill="#00ff00"/>
        <ellipse fill="#FF0000" stroke="#000000" stroke-width="5" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" cx="271" cy="156" id="svg_7" rx="64" ry="56"/>
    </g>
</svg>
4

4 に答える 4

62

<g>スタイルを SVG要素に追加することはできません。その唯一の目的は、子をグループ化することです。それはまた、あなたがそれに与えるスタイル属性はその子に与えられることをfill="green"意味<g>します。fill="green"<rect>fill

唯一のオプションは、SVG に新しい を追加し、それに応じて子の寸法<rect>に合わせて配置することです。<g>

于 2013-09-09T11:53:55.083 に答える