Füllen Sie SVG-Pfadelemente mit einem Hintergrundbild

Question

Kann

SVG <path> 元素设置 background-image sein?

Wenn ich zum Beispiel das Element class="wall"，则 CSS 样式 .wall {fill: red;} 有效，但 .wall{background-image: url(wall.jpg)}没有，.wall {background-color: red;} setze, funktioniert es auch nicht.

Answer 1

您可以通过将背景设置为图案来实现：

根据您的图像调整宽度和高度，然后从路径中引用它，如下所示：

工作示例