如何使用 CSS 變更 SVG 背景圖片填滿顏色？

如何更改 SVG 背景圖像的填滿顏色

內聯時，CSS 可以輕鬆修改 SVG 填充顏色。然而，當 SVG 用作背景圖像時更改填充屬性會帶來挑戰。

以下是使用 CSS 遮罩實現此目的的方法：

.element {
    background-color: red;
    -webkit-mask-image: url(icon.svg);
    mask-image: url(icon.svg);
}

這將根據提供的遮罩創建一個遮罩SVG 圖像，將其應用於指定元素。因此，元素的背景顏色受到 SVG 填滿屬性的影響。

有關更多詳細信息，請參閱這篇富有洞察力的文章：https://codepen.io/noahblon/post/coloring-svgs-in-css-背景圖像

以上是如何使用 CSS 變更 SVG 背景圖片填滿顏色？的詳細內容。更多資訊請關注PHP中文網其他相關文章！