SVG-填充路径的孔（透明部分）

我有一个路径，它为字母p创建了一个边框形状，换句话说，路径的洞就是字母p。我使用透明背景作为整个元素（这里我只包含了它的一部分）

---

我很好奇，我是否能以某种方式修改该特定路径的背景，因此结果将是一个彩色字母p-（例如红色）

我尝试使用

填充规则

，根据定义，该规则可以满足我的需求，但没有成功

“填充规则”属性是一个表示属性，用于定义 用于确定形状内部部分的算法

---

我删除了fill属性，并使用css设置g组的填充。我已将viewBox属性更改为组的大小。现在，您可以在悬停svg元素时更改组的填充。如果您需要svg元素像您的一样大，请告诉我。在这种情况下，您可能需要在P后面添加一个rect

g{fill:#1E1F4E；}
svg:hover g{fill:red；}

---

“因此结果将是一个彩色字母P（例如红色）。”我说的是字母P的颜色，而不是边框。不过还是谢谢你。最后我在上面加了一个白色的长方形。