網(wǎng)站設(shè)計(jì)中阿里巴巴矢量圖標(biāo)庫(kù)的使用方法

　　今眾多的Web前端設(shè)計(jì)都采用了阿里巴巴矢量圖標(biāo)庫(kù)來(lái)制作網(wǎng)頁(yè)中的小圖標(biāo)，圖標(biāo)庫(kù)是開(kāi)放的，可以在線或下載使用。本文中，創(chuàng)新互聯(lián)，北京高端網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)公司，就來(lái)介紹一下阿里巴巴矢量圖標(biāo)庫(kù)的使用方法。

　　按照程序下載腳本文件中的cdemo_symbol.html在本頁(yè)面顯示內(nèi)容的程序提示步驟進(jìn)行程序調(diào)用。例如需要調(diào)用你的購(gòu)物車(chē)和調(diào)用魚(yú)缸的圖標(biāo)，我們需要書(shū)寫(xiě)的在shtml中的代碼格式，如果我們需要行增加標(biāo)簽樣式，則增加樣式中的代碼將會(huì)作用在這個(gè)標(biāo)簽上。
symbolo這是一種全新的用戶使用體驗(yàn)方式，應(yīng)該可以說(shuō)這才真正是未來(lái)的使用主流，也是這個(gè)平臺(tái)目前比較推薦的一種用法。這種圖標(biāo)用法其實(shí)更像是自己做了一個(gè)基于svg的圖標(biāo)集合，與另外兩種用法相比比它具有更多如下幾個(gè)特點(diǎn)：已經(jīng)支持多色矩形圖標(biāo)了，不再需要受其他單色圖標(biāo)限制。通過(guò)一些實(shí)用技巧，支持像其他字體那樣，通過(guò)fofont-size，color來(lái)自動(dòng)調(diào)整字體樣式。兼容性相對(duì)較差，支持ie6，ie9+，及其他現(xiàn)代網(wǎng)頁(yè)瀏覽器。
瀏覽器端在渲染一個(gè)svg的時(shí)候性能一般，還遠(yuǎn)遠(yuǎn)不如渲染png。總結(jié):雖然現(xiàn)在已經(jīng)有了一個(gè)iconfont圖標(biāo)資源庫(kù)，但它還不是萬(wàn)能的，畢竟它不能100%完全滿足我們的使用需求，有時(shí)候我們只是需要一些特別類(lèi)似icont的圖標(biāo)，就不再需要我們自己動(dòng)手制作了。
目前我們?cè)趯?duì)cweb等的前端開(kāi)發(fā)工作中最基本需要深入了解的也就是顯示svg格式的這個(gè)圖標(biāo)，一些大型門(mén)戶網(wǎng)站已經(jīng)逐漸開(kāi)始廣泛運(yùn)用了解到了這個(gè)圖標(biāo)技術(shù)。
更多網(wǎng)站設(shè)計(jì)，網(wǎng)頁(yè)設(shè)計(jì)等相關(guān)信息，歡迎您咨詢創(chuàng)新互聯(lián)!

文章標(biāo)題：網(wǎng)站設(shè)計(jì)中阿里巴巴矢量圖標(biāo)庫(kù)的使用方法
URL地址：http://www.bm7419.com/news6/152656.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)