使用背景影像填滿 SVG 路徑元素

Question

是否可以為 SVG <path> 元素設定 background-image？

例如，如果我設定元素class="wall"，則CSS 樣式.wall {fill: red;} 有效，但.wall{background-image : url(wall.jpg)}沒有，.wall {background-color: red;} 也沒有。

Answer 1

您可以透過將背景設定為圖案來實現：

根據您的圖像調整寬度和高度，然後從路徑中引用它，如下所示：

工作範例