模糊圖像逐漸使用jQuery

Question

我有一個圖像，我想設置一些初始模糊。 從用戶的一些行動，我希望圖像減少了一定量的模糊。是否有任何jQuery插件可以讓你處理模糊半徑或類似的東西？

我在這裏遇到過一個jQuery API http://www.pixastic.com/lib/docs/actions/blur/ 但我不認爲它能夠逐漸改變圖像的模糊程度。

Need help， Please Suggest我該做什麼？ 還有什麼我可以使用的？ Thanx提前。

Answer 1

任何javascript都只能作爲客戶端 - 如果用戶禁用javascript或者在圖像加載並且javascript未運行時，圖像將可以清晰地查看。

如果當用戶選擇正確的答案時圖像纔會變得更加清晰，我建議在服務器上使用不同的「模糊」圖像來替換以前的圖像。

Answer 2

看一看一本教程：http://tympanus.net/codrops/2011/11/18/fullscreen-image-blur-effect-with-html5/

它使用StackBlur逐漸模糊圖像。

Answer 3

它可以。每次調用Pixastic.process(img, "blur");時，圖像都會更加模糊，所以這只是多次觸發該方法的問題。因爲（我猜測）會涉及恢復到圖像的「模糊不清」的緩存副本，所以模糊性會有點棘手。祝你好運！