使用 JavaScript 或 jQuery 模糊圖像？

Question

有什么方法可以用 JavaScript/jQuery 模糊圖像，這樣當它們模糊時，我可以通過用鼠標懸停它們來銳化它們？

Answer 1

Pixastic可以為您做到這一點。 這是相關文檔： http://www.pixastic.com/lib/docs/actions/blur/

模糊：

Pixastic.process(document.getElementById('demoimage'), '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

There is a plugin for jQuery called blur.js http://blurjs.com which uses my very fast Stack Blur algorithm:http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html