1

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

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

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

4

2 回答 2

0

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

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

于 2013-02-22T17:34:47.880 回答
0

这取决于你想要做什么。

如果您想要的只是用颜色覆盖图像，那么您可以在顶部分层一个 DIV，该 DIV 具有所需颜色的部分透明 PNG 作为其背景图像。这是一个 JS Fiddle 演示：

http://jsfiddle.net/btCfK/

我没有方便检查的 IE 7 副本，但我很确定它适用于较旧的 IE（无论如何迟于 6）。

此示例对叠加层和图像使用固定大小。通过一些巧妙的编码，你可以改变它，并制作一个基于 JavaScript 的控件来交换颜色。

如果你想要比这更复杂的东西，不使用 Canvas 元素、SVG 或一大堆 JavaScript 可能是不切实际的。

于 2012-04-08T02:34:09.023 回答