SVG 塗りつぶしの色の透明度 / アルファ? 質問する

SVG 塗りつぶしの色の透明度 / アルファ? 質問する

SVG 塗りつぶし色に透明度またはアルファ レベルを設定することは可能ですか?

塗りつぶしタグに 2 つの値を追加しようとしましたが ( から に変更fill="#044B94") fill="#044B9466"、機能しません。

ベストアンサー1

追加の属性を使用します。fill-opacityこの属性は 0.0 から 1.0 までの小数点以下の数値を取ります。0.0 は完全に透明です。

例えば:

<rect ... fill="#044B94" fill-opacity="0.4"/>

さらに、次のものがあります:

  • stroke-opacityストロークの属性
  • opacityオブジェクト全体

おすすめ記事