web前端 改變SVG圖的顏色

前端-王先森發表於2018-11-13

前端人員,也要懂一下PS,像一些圖片,我們都可以扔到PS裡面,換成我們自己想要的顏色,然後另存為即可

但是當我們前端人員拿到SVG圖時,發現顏色不一樣,當然你的做法可能會是,原道返回,給我這個顏色,然後就沒有然後了是吧.......... 。

現在教大家自己動手改變SVG顏色的方法操作如下

1.拿到SVG圖右擊開啟方式使用記事本開啟就會看到以下程式碼

 

2.看到箭頭指示的地方cls-1 fill屬性後面的顏色標誌我們只需更改這個即可

3.更改之後點選檔案另存為名字字尾.SVG不要變儲存型別所有型別

 

4.更改完成再次點開檢視即可  

5.如果是多個圖案構成的圖片,更改cls-1的填屬性更改cls-2的填屬性 .........即可 

 

相關文章