2012-04-25 12 views
0

黒いマスクでぼかされた四角いアイコンがあります。このマスクの上には、さまざまな色の点がいくつかあります。これらのドットは補色的なものなので、それぞれの上に置くと明るくなります。これらを組み合わせることで、黒いマスクが多色、あるいは白くなって、その下にイメージが現れます。半透明のドット上の追加カラー

どうすればいいですか?クライアント側、キャンバスまたはcss3?サーバーサイド、ImageMagickなど? http://contrapunctus.net/blog/2010/rgb-demo

+0

「コードを使用して」実行できます。あなたが挙げたものはすべて可能です。何か試しましたか?あなたの質問は何ですか、あるいは誰かにあなたのためにそれを書くように求めていますか? – Phrogz

+0

申し訳ありませんが、私は具体的なことができました。私は前にキャンバスを使ったことがありませんし、最初のものを試してみるのではなく、必要なAPIメソッドを表示する人を探しています。 –

答えて

1

HTML5キャンバス+ Context Blender +画面モード:

はここでキャンバス上の加法色へのリンクです。

または、あなたがリンクしているときは、追加グローバル合成モードを使用してください。

またはImageMagickを使用してください。

またはChunkyPNGを加えて使用します。

+0

良いもののように見えます! –

+0

フォトショップで遊んだ後、私は減法的な堆肥化で白い層を作る必要があると思う。これは画像を黒く着色します。このオーバーレイが暗くなっている場所では、画像が透けて見えます。だから、ドットは明るさの代わりにお互いを暗くする必要があり、望む色から反転する必要があります。 –

+0

私はコンテキストブレンダーを使用する際に問題があります。オーバーレイは常にイメージキャンバスの下に表示されますが、理由はわかりません。あなたはソースを見ることができますが、ドメイン間の問題のために実行されません:http://jsfiddle.net/pehrlich/a47bD/2/ –

関連する問題