1. ホーム
  2. colors

[解決済み] SVGの塗りつぶし色の透明度/アルファ値?

2022-03-21 04:28:49

質問

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

フィルタグに2つの値を追加してみました(フィルタグを fill="#044B94" から fill="#044B9466" ) が、これではうまくいきません。

どのように解決するのですか?

追加属性を使用します。 fill-opacity : この属性は0.0から1.0の間の10進数を取り、0.0は完全に透明である。

例えば

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

さらに、次のようなものがありますね。

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