JavaScriptかjQueryで画像がぼやけていますか？

Question

JavaScript/jQueryで画像をぼかす方法はありますか？bluredでマウスでマウスを動かして鮮明にすることができますか？

Answer 1

Pixasticあなたのためにそれを行うことができます。ここでは、関連するドキュメントです：

Pixastic.process(document.getElementById('demoimage'), 'blur'); 

を戻すには：ぼかすhttp://www.pixastic.com/lib/docs/actions/blur/

Pixastic.revert(document.getElementById('demoimage')); 

jQueryを使って、ソリューション全体：

var blur = function() { 
    Pixastic.process(this, 'blur'); 
}; 

var unblur = function() { 
    Pixastic.revert(this); 
}; 

$('img').each(blur).hover(unblur, blur); 

Answer 2

は、呼び出されたjQueryのためのプラグインがありますblur.js http://blurjs.com私の非常に速いStack Blurアルゴリズムを使用する：http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html