SVG在前端应用的理解

SVG 代码修改

如果导出的svg,想要在代码里面修改颜色

关键属性stroke和fill 修改值即可


   
 

比如说我们有这么一个圆的svg, 那么我们想要修改块内的颜色,我们可以修改fill属性

如果修改线条,我们可以修改stroke属性

如下图所见

image.png

嗯就这么简单啦。

从figma上面导出的一样会有这些属性。

Iconfont

比如我在iconfont上面icon到项目里了,或者说 我添加了别人的icon到一个项目里,这时候


image.png

然后把对应的id复制下来即可,如下

image.png

我们也可以进行修改颜色

image.png

引用资源

iconfont 官方指导使用

在线参试链接

你可能感兴趣的:(SVG在前端应用的理解)