html - HTML5 - stackblur による画像のぼかし

Question

で画像全体をぼかしますstackBlurImage( 'srcimg', 'canvas', 10, false );。しかし、ローカルシステムでもインターネットでも動作していません。誰かが私にそれを行う正しい方法を提案してもらえますか?

これが私のjsFiddleです - http://jsfiddle.net/yesprasoon/3KxrW/

または、画像をぼかす他の方法を教えてください。Android Webkit の Phonegap で CSS トランジションが機能しません。

アップデート

キャンバスがクロスオリジン データによって汚染されているため、画像がぼやけませんでした。Chromeでローカルファイルとしてテストしていました。スクリプトは chrome:localhost/IE9/FF で正常に実行されます。

Answer 1

これは、Web ページと同じサーバーでホストされている場合を除き、(キャンバスを含む) 画像にアクセスして変更することは許可されていないためです。

詳しくはこちらをご覧ください。

画像が Web ページと一緒にホストされている場合、提供されたコード (例: ) を使用しても問題はありませんstackBlurImage("srcimg", "canvas", 5, false);。

この短いデモも参照してください。