平时做技术实践时，很多问题不是概念不会，而是细节没串起来。拿“前端SVG样式颜色等开发注意事项”来说，它看着像小点，放到项目里常会牵出环境、配置、兼容性和维护成本。下面按实际采用顺序，把思路、关键写法和容易踩坑的地方讲清楚，便于大家直接对照操作。
SVG
Scalable Vector Graphics 可缩放的矢量图形
起源
落到代码里，在 2003 年一月，SVG 1.1 被确立为 W3C 标准，在过去很长一段时间，网页注重文字和图片的展示，
实际处理时，SVG就被遗忘了，随着网页对图形的要求越来越高，SVG又出现在人们的视野中。
关注点
理解这一步时，能够从SVG这个名字就能瞄到我们第一个关注点在哪里，没错，就是可缩放的矢量图形，这个还是得从位图和矢量图说起，能够直白来说，位图缩放容易模糊，而矢量图一般不会，因为矢量图记录了位置信息，每次按照大小重新计算图形，而位图只能对像素粗暴的缩放，就会导致我们常用的图片模糊。
SVG不会模糊？
从实现思路看，NONONO,由于是矢量图，是人去编写的，所以矢量图质量决定了其缩放效果，具体因素待确定
其余优点
1.兼容多色图标
2.能够采用CSS实现动画，不需再采用gif
4.本身就是DOM规范的一部分，能够像普通DOM一样修改颜色，交互性很强
提一下权重
实际处理时，SVG有些属性属于DOM属性例如fill,也能够作为CSS属性，生效的效果是一样的
or