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