2012-01-11 5 views
1

javascript/jqueryを使用して不飽和化することができます。また、タグの内容をぼかすこともできます。両方のエフェクトが中央で最小で、コーナーで半径方向に最大になります。彩度とぼけ<canvas>タグ内容可JavaScriptで?

私はあなたの周りにカーソルを移動すると、視差効果が起こっているとのcanvas要素を持っています。コンテナの中央(divまたはキャンバス)から遠くにあるコンテンツをぼかして彩度を上げたいが、視差効果はそのまま残しておきたい...この効果をどうやって作り出すことができるだろうか?

+0

とにかくリアルタイムでこれらの効果の両方を適用することも可能である。ここではいくつかの参照がありますか? – lukas56z

答えて

1

は、あなたが望むものを正確に行うための組み込みの機能はありませんが、あなたはこれを行うには、何かをコーディングするか、あなたに同様の機能を提供するために、既存のライブラリを使用するオプションを持っています。 HTML 5のキャンバスを使用すると、javascriptを使用してピクセルレベルで画像を変更できます。

Pixel Manipulation by Beej

A few interesting blur techniques

JS Library that includes blurring and desaturating

+0

これは、基本的に、不飽和度とぼかし効果フィルタの両方に適用される放射状のグラデーションマスクです...このアイデアから始めるべきではありません。 – lukas56z

関連する問題