当前位置：网站首页>svg图片调整大小和颜色

svg图片调整大小和颜色

2022-08-11 11:38:00 【小太阳...】

场景：设计给的SVG图片在开发中尺寸不合适或者颜色不合适，需要修改尺寸和颜色
1.修改尺寸
在svg标签中修改width、height 属性（默认单位是px）
在这里插入图片描述

2.修改颜色
在path标签中修改fill 属性,要是要修改线条颜色就修改stroke属性
在这里插入图片描述
一些属性：
fill属性设置对象内部的颜色，stroke属性设置绘制对象的线条的颜色。
fill: 填充色
fill-opacity：填充的透明度
stroke：边框，即线条，设置其颜色
stroke-width：设置描边的宽度。注意，描边是以路径为中心线绘制的
stroke-opacity：边框透明度