[解決済み] 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
オブジェクト全体に対して
関連
-
[解決済み] このように色を表現する場合、#ffffffと0xffffはどう違うのでしょうか?
-
[解決済み] ランタイム中にテキストの色を変更する(Unity)?
-
[解決済み] zshでプロンプトの色を変える(通常のテキストと違う)にはどうしたらいいですか?
-
[解決済み] svg要素の色を変更するには?
-
[解決済み] 背景画像として提供されるSVGイメージの塗りつぶし色を変更するには?
-
[解決済み】Androidで色を理解する(全6文字)
-
[解決済み] htmlでSVGをリサイズする?
-
[解決済み] 透明なARGBの16進数値
-
[解決済み] Vim: 検索ヒットやクイックフィックス選択時のハイライト色を変更する方法
-
[解決済み] RGBの値がある場合、どのように色合い(シェード)を作成するのですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] このように色を表現する場合、#ffffffと0xffffはどう違うのでしょうか?
-
[解決済み] ランタイム中にテキストの色を変更する(Unity)?
-
[解決済み] zshでプロンプトの色を変える(通常のテキストと違う)にはどうしたらいいですか?
-
[解決済み] SVGの塗りつぶし色の透明度/アルファ値?
-
[解決済み】背景色によって文字色を白や黒にする方法は?
-
[解決済み】ANSIカラーエスケープシーケンス一覧
-
[解決済み] 透明なARGBの16進数値
-
[解決済み] Vim: 検索ヒットやクイックフィックス選択時のハイライト色を変更する方法
-
[解決済み] RGBの値がある場合、どのように色合い(シェード)を作成するのですか?