1. 程式人生 > 其它 >如何在專案中引入向量圖

如何在專案中引入向量圖

1.找到向量圖

可以在阿里巴巴向量圖示庫中尋找:

點選此連結進入官網: https://www.iconfont.cn/

1.我們可以把選好的圖示加入購物車

將其新增進專案:

點選複製程式碼:

在程式碼中引入向量圖

將剛才複製的程式碼,在index.html中引入

<script src="複製的向量圖專案程式碼"></script>
<link rel="stylesheet" href="//at.alicdn.com/t/font_2116323_wrykyjzwea.css">

複製向量圖程式碼:

將剛才複製的向量圖的程式碼,在頁面使用:

<svg class="icon" aria-hidden="true">
    <use xlink:href="複製的圖片程式碼"></use>
</svg>

這樣我們就可以把官網中的圖示引入到我們的程式碼中去了

要注意的一點是:

每當我們新增新的圖示到自己的專案中去的時候,上面整個專案的程式碼都需要點選重新整理一次,同樣的,在我們程式碼中寫專案程式碼的地方也需要進行相應的更換.