svg图片如何修改图片颜色呢？

(元素模板) / 2023-04-11 14:04

使用svg代码可以直接在css里面使用 color 来设置颜色

转换成svg格式的图片那要怎么样才能修改图片呢？
方法如下

1：直接添加css

.svg{
    fill:currentColor; 
    color:gray;
  }
  
// 添加类名  这种方法会使一部分图片无法修改颜色。原因是svg图片源的path标签内有默认的fill属性（如下）
<pant fill="#000000" ......>
 或者是
<pant fill="rgb(153, 153, 153)" ......>

2：修改svg图片源

1：选中svg图片，使用记事本或者编辑器打开

2：找到里面所有的 path标签里的 fill属性并且删除，然后再以第一种方法设置颜色即可

<pant fill="#000000" ......>
 或者是
<pant fill="rgb(153, 153, 153)" ......>

本文来源：svg图片如何修改图片颜色呢？

本文地址：https://www.ys720.com/jiaocheng/4679.html

上一篇：有svg 代码如何转化为 .svg格式的图片？

下一篇：php 使用unserialize返回空的解决办法