Is it possible to set background-image for an SVG <path> element?
For example, if I set the element class="wall", the CSS style .wall {fill: red;} works, but .wall{background-image : url(wall.jpg)} is not available, nor is .wall {background-color: red;}.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
You can do this by setting the background to a pattern:
Adjust the width and height according to your image and then reference it from the path like this:
Working example