在寫前端時,有時候我們需要在界面上用到幾個自己的圖標,我們就需要將UI設計的設計圖轉換成代碼。
首先,我這裏獲得了按鈕用的幾張png圖片,在https://www.vectorizer.io/images/upload.html網站上轉換成svg格式下載,然後將svg格式的文件上傳到阿里圖標庫https://www.iconfont.cn/。
點擊右上角的上傳圖標,上傳文件,生成圖標。
之後將這個圖標添加入庫,然後下載代碼。將文件放入項目裏,具體使用方法將demo.html
在寫前端時,有時候我們需要在界面上用到幾個自己的圖標,我們就需要將UI設計的設計圖轉換成代碼。
首先,我這裏獲得了按鈕用的幾張png圖片,在https://www.vectorizer.io/images/upload.html網站上轉換成svg格式下載,然後將svg格式的文件上傳到阿里圖標庫https://www.iconfont.cn/。
點擊右上角的上傳圖標,上傳文件,生成圖標。
之後將這個圖標添加入庫,然後下載代碼。將文件放入項目裏,具體使用方法將demo.html