使用CSS数据图像

Question

这里从图像中获得一个新的形象是我现在的形象

url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIW…AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMkAAABHAQAA///exRMa9mY5qwAAAABJRU5ErkJggg==) 

我想相同的图像只是用不同的颜色。我该如何做到这一点？

Answer 1

您必须获取原始图像（或解码您拥有的图像），对其进行修改以适合您的需要，然后重新编码。

如果图像是一个svg，你可能会调整它（不确定是否与纯css虽然）。但base64编码的字符串包含有关给定图像的所有信息，并且您无法通过简单地使用css属性来修改其颜色。

但是，你可能可以应用一些css过滤器（模糊，黑色&白色等），但我不认为这就是你要找的。