vue:ali 阿里矢量图库 ico

vue:ali 阿里矢量图库 icohttps www sojson com image2base64 html 矢量图片 base64 转换 https www iconfont cn help detail spm a313x 7781069 1998910419 d8cf4382a amp helptype code 阿里矢量库 Symbol symbol 引用 这是一种全新的使用方式

大家好,我是讯享网,很高兴认识大家。


讯享网

https://www.sojson.com/image2base64.html 矢量图片base64转换

https://www.iconfont.cn/help/detail?spm=a313x...d8cf4382a&helptype=code 阿里矢量库(Symbol)

symbol引用 这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章 这种用法其实是做了一个svg的集合,与上面两种相比具有如下特点: 支持多色图标了,不再受单色限制。 通过一些技巧,支持像字体那样,通过font-size,color来调整样式。 兼容性较差,支持 ie9+,及现代浏览器。 浏览器渲染svg的性能一般,还不如png。 使用步骤如下: 第一步:拷贝项目下面生成的symbol代码: //at.alicdn.com/t/font_8d5l8fzk5b87iudi.js 第二步:加入通用css代码(引入一次就行): <style type="text/css"> .icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden

讯享网
小讯
上一篇 2025-02-25 14:43
下一篇 2025-03-19 16:32

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/75773.html