相信很多小伙伴都经历过被 svg 恶心过,但又不得不学,这篇让你搞懂
我们在学习一个东西的时候首先需要知道他是什么?还有用他的好处是什么?
svg 是什么?
- SVG 是一种开放标准的矢量图形语言,即表示可缩放矢量图形(Scalable Vector Graphics)格式
优点
- 由于 SVG 图像是矢量图像,可以无限缩小放大,所以 SVG 可以在任何分辨率的设备上高清显示,不需要再像以前一样输出各种 @2x 倍图来适配不同分辨率的屏幕。
1.下载包
需要在 webpack也就是vue.config.js里面配置的
我们显示的页面
icon 是 twonav的子组件
总结:这就是svg的一个步骤,是不是特别简单呢,点个赞吧!