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 回答