2012-04-08 11 views
1

HTML5/CSS/JavaScriptのみを使用して、Flash/ActionScriptのように画像の色を変更する方法はありますか?ここでHTML5/CSS/JSを使用して画像の色を変更しますか?

は、Flashでの例です:http://www.kirupa.com/developer/actionscript/color.htm

私の推測では、私の知る限り知っている、それはキャンバスでのみ可能だということでしょう。私はIEのためのGoogleのプラグインをインストールする必要なくIE7 & IE8をサポートしている他の解決策があるかどうかを知りたいと思います。

答えて

0

これは、実行しようとしている内容によって異なります。

あなたが望むすべての色で画像をオーバーレイしている場合は、その背景画像として所望の色の部分的に透過PNGを持っている上にDIVをレイヤー可能性があります。ここでJSフィドルを実証します:

http://jsfiddle.net/btCfK/

を私がチェックする便利なIE 7のコピーを持っていないが、私はそれが古いのIE(後でとにかく6以上)で動作しますかなり確信しています。

この例では、オーバーレイとイメージの両方に固定サイズを使用しています。巧妙なコーディングでは、それを変更したり、色を入れ替えたりするためのJavaScriptベースのコントロールを作成することができます。

あなたはそれよりもより洗練された何かをしたい場合は、キャンバス要素、SVG、またはJavaScriptの多くの1本の経糸を使用しなくても、おそらく実用的ではありません。

0

私はこの質問につまずいたと私はCSS filtersを言及しようと思いました。

この時点では、唯一のChromeは完全に(http://caniuse.com/#feat=css-filters)、それらをサポートしていますが、物事は将来的に向上することがあります。

+0

ええ、フィルタは素晴らしいです。しかし、彼らはイメージの一部に色をつけることは許されません - 壁は黄色く、白い天井は白いと言いましょう。私はまだまだCanvas/SVGやJavaScriptの方がいいと思っています。 – rhand

関連する問題