使用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），但未來可能會有所改進。