首頁  >  文章  >  web前端  >  您可以使用 CSS 變更 SVG 路徑的填滿顏色嗎?

您可以使用 CSS 變更 SVG 路徑的填滿顏色嗎?

Linda Hamilton
Linda Hamilton原創
2024-11-08 05:12:02353瀏覽

Can You Change an SVG Path's Fill Color with CSS?

您可以透過 CSS 自訂 SVG 路徑填滿顏色嗎?

在 SVG(可縮放向量圖形)中,您可以使用 CSS 修改路徑等元素。考慮以下程式碼:

<svg>
  <path fill="#333333" d="M15.985,5.972C...Z" />
</svg>

是否可以使用 CSS 更改填滿顏色而不更改路徑標籤?

答案:

是的,可以使用 CSS 自訂 SVG 路徑的填滿顏色。為此,請像定位任何其他 HTML 元素一樣定位路徑元素:

path {
  fill: blue;
}

假設您使用的是基於 WebKit 或 Gecko 的瀏覽器,此外部 CSS 應覆蓋路徑的本機填充屬性。請記住,如果您在路徑標籤中指定樣式(例如,),它將優先於外部 CSS。

以上是您可以使用 CSS 變更 SVG 路徑的填滿顏色嗎?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn