建站咨詢:

18041156880

公司動態| 關于聯合企邦| 大連網站建設常見問題| 建站專題

大連網站建設-網站制作-響應式網站建設第一品牌-聯合企邦

當前位置:首頁 > > > 網站設計中阿里巴巴矢量圖標庫的使用方法

網站設計中阿里巴巴矢量圖標庫的使用方法

來自:聯合企邦

2020-08-03

瀏覽:

今眾多的Web前端設計都采用了阿里巴巴矢量圖標庫來制作網頁中的小圖標,圖標庫是開放的,可以在線或下載使用。聯合企邦小編介紹一下阿里巴巴矢量圖標庫的使用方法。


  按照程序下載腳本文件中的cdemo_symbol.html在本頁面顯示內容的程序提示步驟進行程序調用。例如需要調用你的購物車和調用魚缸的圖標,我們需要書寫的在shtml中的代碼格式,如果我們需要行增加標簽樣式,則增加樣式中的代碼將會作用在這個標簽上。

  symbolo這是一種全新的用戶使用體驗方式,應該可以說這才真正是未來的使用主流,也是這個平臺目前比較推薦的一種用法。這種圖標用法其實更像是自己做了一個基于svg的圖標集合,與另外兩種用法相比比它具有更多如下幾個特點:已經支持多色矩形圖標了,不再需要受其他單色圖標限制。通過一些實用技巧,支持像其他字體那樣,通過fofont-size,color來自動調整字體樣式。兼容性相對較差,支持ie6,ie9+,及其他現代網頁瀏覽器。

  瀏覽器端在渲染一個svg的時候性能一般,還遠遠不如渲染png。總結:雖然現在已經有了一個iconfont圖標資源庫,但它還不是萬能的,畢竟它不能100%完全滿足我們的使用需求,有時候我們只是需要一些特別類似icont的圖標,就不再需要我們自己動手制作了。

  目前我們在對cweb等的前端開發工作中最基本需要深入了解的也就是顯示svg格式的這個圖標,一些大型門戶網站已經逐漸開始廣泛運用了解到了這個圖標技術。


感謝關注winnet.cc by 大連網站建設,大連網站制作、大連響應式設計第一品牌,聯合企邦致力為企業用戶提供高效、快捷、質量高的互聯網技術服務。業務范圍包括響應式網站制作、微網站、電商平臺、微媒體、android/ios開發、域名注冊、云主機及互聯網技術服務。

TAG:網站設計

您也許還喜歡?

提示:手機觸屏可一鍵撥號,電話:18041156880
關于聯合企邦
公司介紹
專業團隊
資質榮譽
企業文化
公益事業
核心優勢
響應式設計
技術支持
建站流程
開發規范
售后服務
企業建站解決方案
H5響應式網站建設高端定制
H5網站建設高端定制
H5響應式高級模板
響應式入門模板

© 2013-2020 聯合企邦   網站地圖       遼ICP備14000229號   遼ICP證遼B2-20150006號

遼公網安備 21029602000017號

大連網站報價 網站報價
大連網站制作電話-18041156880

大連中山區/西崗區/沙河口區/甘井子
區/高新園/旅順/金州區/開發區

qq在線咨詢 咨詢QQ
大連網站SEO-網站優化-大連網站推廣 推薦:網站推廣2016百萬PV視頻廣告
返回頂部
无码av高清毛片在线看_日本一级特黄大片_日本毛片免费视频观看_免费v片网站_电影_电视剧_VIP视频_解析_综艺_高清电影网站