修改img引入的svg颜色

在使用img引入svg时，不能直接修改其颜色，直接使用svg又太长了，所以找到以下方法使用。

1、先安装这个库 npm install @iconfu/svg-inject

npm install @iconfu/svg-inject

2、导入，如在vue项目中的main.ts中引用

import “@iconfu/svg-inject”

 3、在项目中使用

 <img src="./svg/Rectangle_default.svg" class="img" onload="SVGInject(this)">

给需要设置颜色的img加上 οnlοad="SVGInject(this)" 即可

然后在css里设置

.img g{fill:red}
.img .path1{fill:red} //可以给标签加class单独设置

然后就可以了