SVG パス要素を背景画像で埋める
P粉021553460
P粉021553460 2024-01-28 21:59:27
0
1
363

SVG <path> 要素に background-image を設定することは可能ですか?

たとえば、要素 class="wall" を設定した場合、CSS スタイル .wall {fill: red;} は機能しますが、.wall{background -image : url(wall.jpg)} は使用できません。また、.wall {background-color: red;} も使用できません。

P粉021553460
P粉021553460

全員に返信(1)
P粉998100648

これを行うには、背景を パターン :

に設定します。 リーリー

画像に応じて幅と高さを調整し、次のようにパスから参照します。 リーリー

実際の例

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート