Html 如何用css填充png图像

我需要在图片内部填充颜色，而不是外部填充css

我们有png

我做什么

img{
背景#8abfbe；
宽度：200px；
}

---

<代码> <代码> > P>使用你的第一个PNG，只做外部透明，然后你可以使用这个图像作为掩码，也可以作为背景来考虑黑线：

.box{
宽度：150px；
显示：内联块；
-webkit掩码：url(https://i.ibb.co/F5n9N7c/shirt.png)居中/不包含重复；
掩码：url(https://i.ibb.co/F5n9N7c/shirt.png)居中/不包含重复；
背景：url(https://i.ibb.co/F5n9N7c/shirt.png)居中/不包含重复；
背景混合模式：变暗；
}
.盒子：以前{
内容：“；
显示：块；
填充顶部：100%；
}

related：除非您使用一些图像处理库（javascript），否则我认为这是不可能的。PNG（或大多数其他图像格式）只有用于显示图像的数据，不了解其中的内容。如果您有一个svg，它可能会更容易，您可以设置填充颜色，尽管我不确定是否有一个纯CSS解决方案。查看您可能会滥用的css“filter”属性。试试这个tutorial@LuboMasura不，我有颜色数组，我想用js为每件t恤设置颜色，但我不能使用svg（（这是我参加比赛的条件）