CSS では、ストローク属性を使用して SVG の色を変更できます。SVG のポリライン タグに「ストローク:色の値」スタイルを設定するだけです。ストローク属性は線、テキスト、または要素の輪郭の色を定義します。値は色と同じで、rgba 透明チャネルをサポートします。
このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
css を使用して svg を直接制御する場合があります。svg は、jpg や png などの画像の形式で使用することも、タグの形式で直接使用することもできます。前者は色を設定できませんが、後者は色を設定できます。
例:
効果:
色を変更するコードを追加します
svg g polyline { stroke: red; }
効果:
以上がCSSでSVGの色を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。