2012-01-23 16 views
1

HTML5キャンバス上で図形をぼかす方法はありますか?私はあなたが画像をぼかすことができますが、あなたはcontext.lineTo();)を使って三角形/ポリゴンを描くような形をぼかすことができますか?HTML5 Canvas:図形も画像もぼやけますか?

私は私はあなたが簡単に(私があまりにも多角形のような複雑な形状を使用することができる)SVG要素を使って要素をぼかすことができます知っているが、運がそれを持っていると同じようにSafariが&(影が使用するもの)フィルタが表示されませんiPad専用のwebappを作成します。

最適なソリューションは、サードパーティのJavascriptライブラリではなく、ネイティブのJavascript HTML5 Canvasソリューションです。

+0

http://stackoverflow.com/questions/3468038/html-canvas-shape-blur-filter – ToddBFisher

+0

@ToddBFisher唯一のオプションはサードパーティのライブラリですか?ネイティブソリューションはありませんか? –

+0

私はサードパーティーではなかったsvg要素のぼかしオプションを使いこなすことはありませんでしたが、うまくいけば、他の誰かが私も同様にそれに興味があると思います。 – ToddBFisher

答えて

0

あなたのシェイプをバッファコンテキストにblitし、バッファコンテキスト上で(ボックス)ブラーを行い、バッファをキャンバスにblitします。

関連する問題