改變SVG圖的顏色
今早收到UI的icon資料夾,好多都是SVG的圖,有些圖示的顏色不是圖稿中需要的顏色,那麼這個時候怎麼自己手動修改想要的顏色呢?
首先,它原先的顏色長這樣
我們先在SVG圖上右擊,用記事本開啟,然後就會看到一堆東西,我們需要改的就是這部分:
把#後面改成自己需要的顏色,然後另存為就可以了,不過這裡要注意的是,不能另存為其他格式的字尾,只能是svg的,需要用到jpg或者其他格式的話,可以線上svg轉換就可以用啦,在來看一下修改之後生成的svg:
相關文章
- web前端 改變SVG圖的顏色Web前端SVG
- svg圖片 填充顏色SVG
- Android 使用ColorMatrix改變圖片顏色AndroidColorMatrix
- 動態更改svg圖片的顏色SVG
- 修改SVG圖片的大小和顏色SVG
- 利用CSS改變圖片顏色的多種方法！CSS
- CardView改變陰影顏色View
- [SVG]修改固定顏色為填充顏色SVG
- 利用CSS改變圖片顏色的100種方法！CSS
- 改變UITableView選中行高亮的顏色UIView
- css 更改svg顏色CSSSVG
- CSS 改變文字選中顏色CSS
- Dreamweaver製作滑鼠經過圖示改變顏色教程
- linux改變shell的輸出顏色Linux
- JS 操作 DOM 改變方塊顏色JS
- Android 圓形ProgressBar 改變顏色Android
- 用SVG的圖片格式如何劃入更改圖片的顏色？SVG
- NGUI和UGUI改變字型顏色的寫法NGUIUGUI
- 如何在 CSS 背景圖片中對 SVG 圖片進行著色 ，修改svg圖片顏色CSSSVG
- 使用 Promise 迴圈改變 div 背景顏色Promise
- 直播軟體原始碼，改變button的背景顏色原始碼
- 滑鼠移動到button顏色改變的實現
- CSS改變文字選中狀態下的顏色CSS
- 改變Android按鈕背景顏色的高效方法Android
- Swt/Jface tableviewer 加入filter ,改變行的顏色ViewFilter
- iconfont的使用，阿里向量相簿的引用，配置，改變圖示大小和圖示顏色阿里
- Flutter改變狀態列字型、狀態列背景顏色、Appbar背景顏色的方式FlutterAPP
- css3 ::selection的用法（改變選中文字的背景顏色或者文字顏色）CSSS3
- iOS 背景圖層的顏色漸變效果iOS
- 純css改變輸入框游標顏色CSS
- 如何在 Mac 上更改資料夾顏色，改變 mac 資料夾顏色教程Mac
- 選中按鈕改變文字大小和顏色
- 靜態文字顏色背景改變示例源程式 (轉)
- Android的RadioButton隨著選中狀態的改變字型顏色也改變Android
- Unreal Cook Book：動態改變材質的顏色等引數Unreal
- 品牌LOGO的顏色，價值&演變——資訊圖Go
- 使用CSS混合模式和SVG來動態更改產品圖片的顏色CSS模式SVG
- 自定義View之顏色漸變折線圖View