2010-07-28 16 views
55

Potrzebuję efektów kick-ass na mojej stronie internetowej, takich jak rozmycie gaussowskie, szum, filtry splotowe, operacje morfologiczne itp. Wszystkie efekty muszą być stosowane dynamicznie (bez obrazów przed renderowaniem) i są zmieniane w miarę upływu czasu.Jaka jest najlepsza biblioteka przetwarzania obrazów JavaScript?

Co to jest najpotężniejsza biblioteka przetwarzania obrazu zaimplementowana w JavaScript?

+0

Nie jestem pewien co do tego przetwarzania obrazu, ale może znajdziesz coś w społeczności przetwarzania. http: // przetwarzanie.org/reference/ – kenny

Odpowiedz

26

Pixastic jest jedynym, wiem, ale nie wszystkie jej metody są zgodne w pełni krzyż przeglądarka - opierają się one na cechy HTML5 płótnie element, które są niedostępne w Internet Explorer, nawet z exCanvas.

Kilka dema:

Inne linki:

+0

Dzięki, zagrasz z nim – AntonAL

+0

Hałas, Pixastic pokazujący tę stronę nie jest dostępny żadnych zaktualizowanych bibliotek proszę .. –

+1

Mam nadzieję, że to tymczasowe, ale witryna Pixastic wydaje się być wyłączona – Loupax

6

Spójrz na Pixastic

Pixastic jest biblioteką eksperymentalny, który pozwala na wykonywanie różnych operacji na obrazach używając tylko trochę JavaScript. Efekty obsługiwane z pudełka obejmują desaturację/odcienie szarości, odwracanie, odbijanie, regulację jasności/kontrastu, odcień/nasycenie, wytłoczenie, rozmycie i wiele innych.

Demo można znaleźć here

+0

Dzięki. Znalazłem tę bibliotekę. Ale pomyślałem, że jest jeszcze coś, czego nie znalazłem. – AntonAL

9

Spróbuj spojrzeć na Processing.js library. Jest to cytat z ich strony:

Processing.js jest projekt siostra wizualny język programowania popularne tworzenie, przeznaczone do internecie.

O ile wiem, ma więcej współpracowników niż projekt Pixastic, a ich demos są naprawdę obiecujące.

+5

Ale przetwarzanie, pomimo swojej nazwy, nie jest biblioteką przetwarzania obrazu, jest silnikiem graficznym. –

+0

@ Myślę, że to niesprawiedliwe. Processing to środowisko programistyczne do obsługi multimediów i środowisko, które integruje biblioteki graficzne i przetwarzające obrazy. – terrace

15

CamanJS to najbardziej elastyczna, nieinteraktywna (API, nie wskaż i kliknij) biblioteka JavaScript do manipulacji obrazami, którą do tej pory spotkałem.

+0

+1 Od teraz (lipiec 2013) Caman ma o wiele bardziej aktywny cykl rozwoju niż Pixastic, który nie był aktualizowany od 5 miesięcy. Co może, ale nie znaczy nic, po prostu mówię. –

3

przejrzeć bibliotekę przetwarzania obrazu , zawiera wersję javascript i ios. demo site pokazuje, co potrafi. PSX to najpotężniejsza biblioteka przetwarzania obrazu javascript w historii.

+1

Niektóre dobre efekty, ale brak dokumentacji i testów jednostkowych to prawdziwy problem. Jeśli chcę zrobić lokalne filtry, na przykład, nie ma sposobu, aby dowiedzieć się, jak to zrobić bez czytania całego źródła. –

Powiązane problemy