我正在使用谷歌字體圖示,我正在下載一些svg檔案并將其保存到主題檔案夾中,我知道svg檔案可以用img標簽匯入,但在我的網站中,我有一個設定,用戶可以改變主題,例如淺色和深色,順便說一下,我的問題是除了用img標簽匯出的svg檔案,其他東西的顏色都在變化,我想要的是有什么辦法可以改變svg檔案的顏色,如果它是用img標簽匯入的? 如果沒有,有沒有辦法在匯入時改變svg檔案的fill屬性呢?
uj5u.com熱心網友回復:
你是對的,如果你在img標簽的src中使用SVG的fill屬性,你不能通過CSS來改變它 - 你需要在你的檔案中擁有SVG的內容。
你可以嘗試使用CSS filter來改變影像的外觀,特別是brightness或invert選項:
<img src="myimage. svg" class="invert">
<style>
.grayscale { filter: grayscale(100%); }
.contrast { filter: contrast(160%); }
.brightness { filter: brightness(0.25); }
.invert { filter: invert(100%); }
</style>
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/309070.html
標籤:
