使用HTML5 / CSS / JS更改图像的颜色？

Question

有没有办法像使用HTML5 / CSS / JavaScript一样更改Flash / ActionScript中的图像颜色？

以下是Flash中的一个示例：http://www.kirupa.com/developer/actionscript/color.htm

据我所知，我的猜测是Canvas才有可能;但我想知道是否有另一种解决方案，也支持IE7＆amp; IE8，无需为IE安装谷歌插件。

Answer 1

这取决于你想要做什么。

如果你想要的只是用颜色覆盖图像，那么你可以在顶部叠加一个DIV，它有一个部分透明的所需颜色的PNG作为背景图像。这是一个JS小提琴演示：

http://jsfiddle.net/btCfK/

我没有方便检查IE 7的副本，但我很确定它可以在较旧的IE中运行（无论如何都要晚于6）。

此示例对叠加层和图像使用固定大小。通过一些聪明的编码，您可以更改它，并使用基于JavaScript的控件来交换颜色。

如果你想要比这更复杂的东西，如果不使用Canvas元素，SVG或者很多JavaScript，它可能就不实用了。

Answer 2

我偶然发现了这个问题，我想我会提到CSS filters。

此时，只有Chrome完全支持它们（http://caniuse.com/#feat=css-filters），但将来可能会有所改进。