Question

所以我想知道使PNG图像变色的最佳方法。我在Photoshop上有它，它应该在我的网站上有很多不同的颜色，我不想经历在所有这些中保存它的麻烦。

有更简单的方法吗？喜欢创建字体？将其保存为html可以改变颜色的格式？

提前致谢

Answer 1

将您的PNG转换为SVG（有像这样的http://image.online-convert.com/convert-to-svg可用的在线转换器），然后通过＆＃39;笔划管理它的颜色＆＃39;和＆＃39;填充＆＃39;属性。使用CSS改变二进制文件（PNG文件所用）的颜色是不可能的。如果此选项不可接受，则制作一个精灵（https://css-tricks.com/css-sprites/）。

Answer 2

查看CSS过滤器属性：https://developer.mozilla.org/en-US/docs/Web/CSS/filter

我认为你想要的是hue-rotate()。

这是针对IE：https://msdn.microsoft.com/en-us/library/dn858632(v=vs.85).aspx

示例：

/* CSS */

img {
    -webkit-filter: hue-rotate(90deg);
    filter: hue-rotate(90deg);
}

为html制作颜色可变的图像？

2 个答案: