使用在線編輯 svg 軟件修改 svg 圖片


網站需要使用圖標字體,但設計師給的圖標大小有問題,故使用下面說陳述方法簡單修改了一下。使用到的在線編輯軟件地址為:https://editor.method.ac/

 

問題:

注:至於如何使用圖標字體(阿里 iconfont,icomoon),請自行查找資料,此處便不解釋了。 

 

調整后所需要 svg 圖:

 

具體方法:

1、打開網站,並在左上角“File” -- "Open SVG...",打開已有的 svg 圖片

2、此處簡單介紹一下界面

 

3、背景色設置透明

 

4、設置svg大小

1)設置精確數值、Sizes選項自適應調整svg大小

 

2)手動縮放svg圖大小 

若覺得展示圖片過小,可選此調大可視范圍

 

5、調整完畢

6、導出svg圖,選擇左上角 “File"--"Save image..." 即可,瀏覽器自行下載(所用谷歌瀏覽器)

 

 然后找到保存的svg圖片,可以用瀏覽器方式打開,查看其周圍的多余空白是否已經沒有。(查看方式便不解釋了,相信你會的)

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM