web前端使用CSS修改svg颜色样式
使用UI切图的svg无法直接修改内部的CSS样式，借用svgo工具可以完成样式的修改
一.准备
1.安装svgo npm包 npm install svgo --save-dev
2.在package.json 脚本命令中加入"svgo": "svgo -f src/common/icons/svg --config=src/common/icons/svgo.yml"
3.在控制台输入npm run svgo 即可进行svg修改，修改后的svg可以使用css样式进行修改
二.原因
美工制作的svg样式存在默认样式，所以无法通过css修改svg样式，而svgo可以破坏内部的svg默认样式，故可以通过css修改svg样式
作者：wo_buzhidao
来源链接：https://blog.csdn.net/wo_buzhidao/article/details/107181795
版权声明：
1、JavaClub（https://www.javaclub.cn）以学习交流为目的，由作者投稿、网友推荐和小编整理收藏优秀的IT技术及相关内容，包括但不限于文字、图片、音频、视频、软件、程序等,其均来自互联网，本站不享有版权，版权归原作者所有。
2、本站提供的内容仅用于个人学习、研究或欣赏，以及其他非商业性或非盈利性用途，但同时应遵守著作权法及其他相关法律的规定，不得侵犯相关权利人及本网站的合法权利。
3、本网站内容原作者如不愿意在本网站刊登内容，请及时通知本站（javaclubcn@163.com），我们将第一时间核实后及时予以删除。
