javascript - 帆布の形の境界線をぼかす

Question

キャンバスの形に焦点が合わなくなるようにするにはどうすればよいですか？

私はそれがwebGlで行われるのを見てきましたが、canvasとJSでそれを行う方法があることを望んでいましたか？

画像を使用できないように、ぼかしの量をアニメーション化できるようにしたい。

Answer 1

Javascriptライブラリが必要になります。キャンバス上のX、Y、幅/高さを選択してぼかしを入れることができる、その目的に適したものを次に示します。

http://www.quasimondo.com/BoxBlurForCanvas/FastBlur.js

そして、これがデモです：

http://www.quasimondo.com/BoxBlurForCanvas/FastBlurDemo.html