如何在网站设计中使用阿里巴巴矢量图标?
2020-07-08
类型:网站设计
分享到:
目前,许多网站前端设计使用阿里巴巴矢量图标库在网页上制作小图标。图标库是开放的,可以在线使用或下载。本文从奥维网络长沙高端网站建设、网站设计公司等方面介绍了阿里巴巴矢量图标库的使用情况。
按照程序下载脚本文件中cdemo_symbol.html的程序提示步骤,在此页面上显示内容以进行程序调用。例如,如果需要调用购物车并调用人物图标,则需要用shtml编写代码格式,如果需要添加标签样式,则添加样式中的代码将在此标记上显示。
Symbolo是一种新的用户体验方式,应该说是未来使用的主流,目前也是这个平台的一种推荐使用。这种图标的使用更像是制作一组基于SVG的图标,比其他两种图标更有特色:支持多种颜色的矩形图标,不再受其他单色图标的限制。通过一些实用技巧,它可以像其他字体一样,通过字体大小、颜色自动调整字体样式。兼容性相对较差,支持IE6、IE9+和其他现代网页浏览器。
浏览器端在渲染SVG时表现很好,远低于渲染PNG。结论:虽然已经有了图标图标库,但它并不是所有的东西,毕竟它不能完全满足我们的使用需要,有时我们只需要一些特别相似的图标,我们就不再需要自己制作了。
目前,在cweb的前端开发中,我们需要知道的最基本的事情是以SVG格式显示图标。一些大型门户站已经开始广泛使用这种图标技术。
更多网站设计,网页设计等相关信息,欢迎咨询奥维网络!