Remplissez les éléments du chemin SVG avec une image d'arrière-plan

Question

peut-il être SVG <path> 元素设置 background-image ?

Par exemple, si je définis l'élément class="wall"，则 CSS 样式 .wall {fill: red;} 有效，但 .wall{background-image: url(wall.jpg)}没有，.wall {background-color: red;}, cela ne fonctionne pas non plus.

Answer 1

Vous pouvez le faire en définissant l'arrière-plan sur un motif :

Ajustez la largeur et la hauteur en fonction de votre image puis référencez-la à partir du chemin comme ceci :

Exemple pratique