イメージにBox Blurアニメーションを実装する方法は？

Question

私はボックスボケアニメーションで画像をぼかしたいと思っていますが、最初はサイズが徐々に小さくなり、最終的に背景画像を形成する巨大な半径の正方形が欲しいです。

私はhttp://www.quasimondo.com/BoxBlurForCanvas/FastBlur2Demo.htmlを試してみましたが、私は箱形のぼかしを必要としながら、それが循環的にそれをしません。

私もhttp://desandro.com/resources/close-pixelate/を試してみましたが、私は使用していた画像は1280pxのx 800ピクセルで、ページの背景として使用されているとして、それは恐ろしく遅いです。

どのようにこれを達成できますか？イメージをピクセル化する場合

Answer 1

は、有効（すなわち、画素を大きくする）の解像度を低減しています。アプリケーションによっては、単に画像の解像度を下げ、同じ領域に画像を拡大することができます。ぼかしフィルタを皮切り

は、はるかに良い結果が得られません。それがなければ、ダウンサンプリングされた画像はあらゆる種類のエイリアシング効果を示す。ダウンサンプリングアルゴリズムは、スケールに合わせて滑らかになることを忘れないでください。

メインのトリックは、画像が引き伸ばされたとき、それは平滑化されていないことを確認することです。