1

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

Flashの例を次に示します。http ：//www.kirupa.com/developer/actionscript/color.htm

私の知る限り、Canvasでのみ可能だと思います。しかし、IE用のグーグルプラグインをインストールする必要なしに、IE7とIE8をサポートする別のソリューションがあるかどうか知りたいです。

4

2 に答える 2

0

それはあなたがやろうとしていることに依存します。

画像に色を重ねるだけの場合は、目的の色の部分的に透明なPNGを背景画像として持つDIVをその上に重ねることができます。これがJSフィドルのデモンストレーションです：

http://jsfiddle.net/btCfK/

確認するのに便利なIE7のコピーはありませんが、古いIE（とにかく6より後）で動作すると確信しています。

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

それよりも洗練されたものが必要な場合は、Canvas要素、SVG、または大量のJavaScriptを使用しないと実用的ではない可能性があります。

于 2012-04-08T02:34:09.023 に答える
0

この質問に出くわしたばかりで、 CSSフィルターについて言及したいと思いました。

現時点では、Chromeのみが完全にサポートしています（http://caniuse.com/#feat=css-filters）が、将来的には改善される可能性があります。

于 2013-02-22T17:34:47.880 に答える