使用CSS數據圖像

Question

這裏從圖像中獲得一個新的形象是我現在的形象

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

我想相同的圖像只是用不同的顏色。我該如何做到這一點？

Answer 1

您必須獲取原始圖像（或解碼您擁有的圖像），對其進行修改以適合您的需要，然後重新編碼。

如果圖像是一個svg，你可能會調整它（不確定是否與純css雖然）。但base64編碼的字符串包含有關給定圖像的所有信息，並且您無法通過簡單地使用css屬性來修改其顏色。

但是，你可能可以應用一些css過濾器（模糊，黑色&白色等），但我不認爲這就是你要找的。