使用css数据图像从图像获得新图像

Question

这是我当前的图片

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

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

Answer 1

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

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

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