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

Question

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

下面是在Flash的例子：http://www.kirupa.com/developer/actionscript/color.htm

我的猜测是，这只是用帆布可能的，因为据我所知;但我想知道是否还有另一个解决方案，也支持IE7 & IE8，而不需要安装IE插件。

Answer 1

这取决于你想要做什么。

如果您只想用颜色覆盖图像，那么您可以在顶部将具有所需颜色的半透明PNG作为其背景图像的DIV进行层叠。这里有一个JS小提琴示范：

http://jsfiddle.net/btCfK/

我没有IE 7方便的拷贝来检查，但我敢肯定（不迟于6反正），其将在旧的IE的工作。

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

如果你想要比这更复杂的东西，没有使用Canvas元素，SVG，或许多JavaScript的一个，它可能不实用。

Answer 2

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

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