新しい色のオーバーレイ画像

私は2トーンのpng画像を持っています。 1つのトーンは黒で、1つのトーンは透明です。

現在、透明部分の色を動的に変更するために背景色属性を使用しています。

また、マスクオーバーレイを使用して黒いセクションを動的に変更したいと考えています。私はこれがhtml5キャンバスと可能であればcssで可能だと仮定していますが、実際の答えを見つけることができませんでした。

ありがとうございました。

2011-09-20 GAgnew

は、WebKitの（そして唯一のWebKitが）純粋なCSSでそれを行うことができます。それはreally, really, really not supportedです。

あなたが始めるためにカップルのリンクは、あなたが興味を持つようになります。

2011-09-20 23:08:28

これらは技術的には私の問題を解決していませんが、可能な限り解決策に近いと思います。また、2番目のリンクのようにテキストをマスキングすることは*素晴らしい*です。 – GAgnew

私はあなたを正しく理解してくれることを望みます。

html5要素のキャンバスを使用して、個々のピクセルまで画像を操作することができます。

は、参考のためにこのサイトを試してみてください。この時点で

2011-09-20 17:30:51

こんにちはデカード、あなたの答えに感謝します。私はこの能力を認識しています、イメージをマスキングするための既定の関数が既に存在するかどうか疑問に思っていましたか？ – GAgnew

ごめんなさい、ごめんなさい。 –

あなたのようにjqueryのを取ることができればよく、キャンバスは、最も近代的なブラウザでサポートされています解決策。このjqueryプラグインを試すことができます。インタラクティブdemoがあります

$("#myImageID").tancolor();

：

コマンドは非常に簡単と同じくらい簡単です。あなたはそれで周りを遊ぶことができます。

使い方のドキュメントを参照してください。かなり簡単です。 docs

2013-11-12 15:19:42

答えて