今众多的Web前端設計都采用了阿里巴巴矢量图标库来制作网页中的小图标,图标库是开放的,可以在线或下载使用。本文中,北京分形科技,北京高端網站建設、网站設計公司,就来介绍一下阿里巴巴矢量图标库的使用方法。
按照程序下载脚本文件中的cdemo_symbol.html在本页面显示内容的程序提示步骤进行程序调用。例如需要调用你的购物车和调用鱼缸的图标,我們需要书写的在shtml中的代码格式,如果我們需要行增加标签样式,则增加样式中的代码将会作用在这个标签上。
symbolo這是一種全新的用戶使用體驗方式,應該可以說這才真正是未來的使用主流,也是這個平台目前比較推薦的一種用法。這種圖標用法其實更像是自己做了一個基于svg的圖標集合,與另外兩種用法相比比它具有更多如下幾個特點:已經支持多色矩形圖標了,不再需要受其他單色圖標限制。通過一些實用技巧,支持像其他字體那樣,通過fofont-size,color來自動調整字體樣式。兼容性相對較差,支持ie6,ie9+,及其他現代網頁浏覽器。
浏览器端在渲染一个svg的时候性能一般,还远远不如渲染png。总结:虽然现在已经有了一个iconfont图标资源库,但它还不是万能的,毕竟它不能100%完全满足我們的使用需求,有时候我們只是需要一些特别类似icont的图标,就不再需要我們自己动手制作了。
目前我們在对cweb等的前端开发工作中最基本需要深入了解的也就是显示svg格式的这个图标,一些大型门户网站已经逐渐开始广泛运用了解到了这个图标技术。
更多网站設計,网页設計等相关信息,欢迎您咨询北京分形科技!