Rozmycie obrazu Stopniowo za pomocą jQuery

Question

Mam obraz i chcę ustawić początkowe rozmycie do niego. Po wykonaniu niektórych czynności przez użytkownika chcę, aby obraz zmniejszył rozmycie obrazu o pewną ilość. Czy istnieje jakaś wtyczka jQuery, która pozwala ci obsługiwać promień rozmycia lub coś w tym stylu?

Natknąłem się na jeden z interfejsów jQuery API http://www.pixastic.com/lib/docs/actions/blur/ Ale nie sądzę, że jest w stanie stopniowo zmieniać rozmycie obrazu.

Potrzebujesz pomocy, Proszę zasugerować Co mam zrobić? Czy jest coś jeszcze, czego mogę użyć? Thanx z góry.

Answer 1

Dowolny javascript będzie tylko stroną kliencką - obraz będzie dostępny do wyraźnego wyświetlenia, jeśli użytkownik wyłączy javascript lub w momencie, gdy obraz zostanie załadowany, a javascript nie zostanie uruchomiony.

Jeśli konieczne jest, aby obraz stał się wyraźniejszy, gdy użytkownik wybierze poprawną odpowiedź, sugerowałbym posiadanie obrazów o różnym "rozmyciu" na serwerze, które są używane do zastąpienia poprzedniego obrazu.

Answer 2

rzucić okiem na ten tutorial: http://tympanus.net/codrops/2011/11/18/fullscreen-image-blur-effect-with-html5/

Wykorzystuje StackBlur stopniowe rozmycie obrazu.

Answer 3

Może. Za każdym razem, gdy wywoływana jest nazwa Pixastic.process(img, "blur");, obraz jest nieco bardziej rozmyta, więc jest to kwestia wielokrotnego uruchamiania tej metody.

Teraz zmniejszenie rozmycie będzie nieco trudniejsze, ponieważ (domyślam się), że będzie obejmować powrót do "mniej niewyraźne" kopii obrazu w pamięci podręcznej. Powodzenia z tym!