svg图片调整大小和颜色

场景:设计给的SVG图片在开发中尺寸不合适或者颜色不合适,需要修改尺寸和颜色
1.修改尺寸
svg标签中修改width、height 属性(默认单位是px)
svg图片调整大小和颜色_第1张图片

2.修改颜色
path标签中修改fill 属性,要是要修改线条颜色就修改stroke属性
svg图片调整大小和颜色_第2张图片
一些属性:
fill属性设置对象内部的颜色,stroke属性设置绘制对象的线条的颜色。
fill: 填充色
fill-opacity:填充的透明度
stroke:边框,即线条,设置其颜色
stroke-width:设置描边的宽度。注意,描边是以路径为中心线绘制的
stroke-opacity: 边框透明度

你可能感兴趣的:(css,svg,svg修改颜色,svg修改大小)