前端——將png圖片做成icon

原創 sinahyy 2020-07-02 10:11

  在寫前端時，有時候我們需要在界面上用到幾個自己的圖標，我們就需要將UI設計的設計圖轉換成代碼。

  首先，我這裏獲得了按鈕用的幾張png圖片，在https://www.vectorizer.io/images/upload.html網站上轉換成svg格式下載，然後將svg格式的文件上傳到阿里圖標庫https://www.iconfont.cn/。

點擊右上角的上傳圖標，上傳文件，生成圖標。

之後將這個圖標添加入庫，然後下載代碼。將文件放入項目裏，具體使用方法將demo.html

 

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

opencv 模板匹配中的 minMaxLoc

在opencv模板匹配中用到了這個函數 matchTemplate(src, tmp_img, dst_img, TM_CCOEFF_NORMED); normalize(dst_img, dst_img, 0, 1, NORM_MI

番茄土豆牛肉煲 2020-07-06 07:49:27

OPENCV cmake編譯後只有DEBUG模式的lib庫 如何生成release模式的lib庫

之前用cmake編譯opencv,後來發現lib庫下只有DEBUG的動態鏈接庫（d.dll的 ，不帶d的是release，debug模式下是進行學習的，可以進行調試模式，而release沒有這個功能所以他有更快的速度，更小的體積， rel

番茄土豆牛肉煲 2020-07-06 07:49:27

linux下編譯器-vim學習

編輯器之神-vim vi簡介 vi是“Visual interface”的簡稱，它在Linux上的地位就彷彿Edit程序在DOS上一樣。它可以執行輸出、刪除、查找、替換、塊操作等衆多文本操作，而且用戶可以根據自己的需要對其進行定製。Vi不

番茄土豆牛肉煲 2020-07-06 07:49:17

STL學習——vector的erase()

由於需要刪除vector裏的指定元素，所以接觸到了 erase()方法，寫下記錄 #include<iostream> #include<vector> using namespace std; int main() { int a

番茄土豆牛肉煲 2020-07-06 07:49:17

python讀取文件名及後綴

因爲某些原因，需要讀取d.lib後綴的文件，在此寫下記錄   os.listdir() 語法：os.listdir(path) 函數用途：輸出路徑下所有文件的文件名 實驗代碼： 假如我們需要讀取該文件夾所包含全部文件名 import

番茄土豆牛肉煲 2020-07-06 07:49:17

pytorch學習——torch.max

torch.max學習記錄： 首先定義數據： import torch a = torch.randn(2,3) print("a:",a) 結果如下： a: tensor([[-0.5658, -0.9736, -1.1753],

番茄土豆牛肉煲 2020-07-06 07:49:17

ios 企業級開發者賬號打包證書

發個廣告：ios開發兩年了，一步步走來  關注公衆號一起進步 借鑑的其他文檔，加上自己的理解修改得來~~~ 我先講下打包需要的東西：1證書，2描述文件：   證書可以直接創建，描述文件需要證書和AppId共同選定生成，（

刚刚下课 2020-07-06 00:05:32

Helloworld!

C語言第一課 int main(){ printf("hello world!")； Helloworld的出現我們就邁進的C語言的大門 printf/scanf 是標準庫中提供的用輸入輸出數據的函數，使用時要導用stdio

Sample！ 2020-07-05 15:56:58

自學java的網站，怎樣自學java

推薦學習java的網站 先附上網站 這個是一個在淘寶有8年工作經驗的大神製作的一個java自學網站，裏面有java基礎知識，大型實戰項目以及很多好用的java工具，針對每個知識點都結合非常有趣的lol舉例，讓你在快樂中學會java

牛顿第二定律 2020-07-05 01:44:17

1.安裝python及pycharm

一.安裝python 進入python官網,點擊依次點擊紅色選中部分，開始下載。。。 下載完成後，打開安裝包，如下有兩個選項，一個是立即安裝，另一個自定義安裝，如果C盤空間足夠的話，直接立即安裝。注意，在下面紅框勾選，添加到環境

我是东山啊 2020-07-04 19:58:10

linux常用應用安裝總結

系統相關 root 設置密碼 sudo passwd root 切換root su root 修改權限 應用相關 更新應用 sudo apt-get update 安裝應用 sudo apt-get ins

通幽通明 2020-07-04 16:33:15

openlayers使用——ol地圖上標註

因爲近期在使用openlayers，記錄下比較常見的地圖標註的用法。 下面是在地圖上標註圖片的方法。data爲經緯度數據，例如 ：[{longitude:116.40,latitude:39.90}]（注：北京經緯度），url爲圖片url

sinahyy 2020-07-02 10:11:30

編程過程中易犯的低級錯誤（有收穫）

 編程過程中易犯的低級錯誤 行業資訊 | 作者：如影隨形 | 2014-12-22 10:03:49| 閱讀 97次 有用 (1) 評論 (0) 收藏 標籤：程序員 概述：程序員談談你在編程中遇到的奇葩弱智問題（羣交流採集）

wuliaoxiari 2020-06-29 19:43:13

git的使用(一)--新手如何將本地項目上傳到github上面。

方法一 從github上入手 1.註冊github賬號 2.創建倉庫--點擊start a Repository(還有其它方法) 3.然後將倉庫地址進行克隆(有兩種地址，一種是HTTPS，另外一種是SSH，建議第二種，原因下述) 4.在

生而知之者为妖 2020-06-29 16:43:04

CTF-攻防世界 Reverse新手練習解析

博主也是CTF小白，入門ing。。。方向是RE + PWN。文章可能多有紕漏，但會持續更新更正。希望大家多多指出不足之處。 0x1. re1 解析： 這道題很簡單： 打開.exe隨便輸點東西進去，發現不對，退出。 用IDA打開，點

F1ash000 2020-06-28 17:32:05