2010-07-28 7 views
55

Necesito algunos efectos de patada para mi sitio web, como desenfoque gaussiano, ruido, filtros de convolución, operaciones morfológicas, etc. Todos los efectos se deben aplicar dinámicamente (sin imágenes pre renderend) y cambiar con el tiempo.¿Cuál es la mejor biblioteca de procesamiento de imágenes de JavaScript?

¿Cuál es la biblioteca de procesamiento de imágenes más poderosa, implementada en JavaScript?

+0

No estoy seguro acerca de todo el procesamiento de imágenes, pero tal vez encuentre algo en la comunidad de procesamiento. http: // procesamiento.org/reference/ – kenny

Respuesta

26

Pixastic es el único que conozco, pero no todos sus métodos son navegador totalmente compatibles entre - que dependen de las características del HTML5 lienzo elemento que no están disponibles en Internet Explorer, incluso con exCanvas.

Unos demos:

Otros enlaces:

+0

Gracias, jugaré con él – AntonAL

+0

Ruido, Pixastic que muestra esta página web no está disponible ninguna biblioteca actualizada, por favor ... –

+1

Espero que sea temporal, pero el sitio web de Pixastic parece estar inactivo – Loupax

6

Tome un vistazo a Pixastic

Pixastic es una biblioteca experimental que permite llevar a cabo una variedad de operaciones de imágenes utilizando sólo un poco de JavaScript. Los efectos admitidos de fábrica incluyen desaturación/escala de grises, inversión, inversión, ajuste de brillo/contraste, matiz/saturación, relieve, desenfoque y muchos más.

de demostración se puede encontrar here

+0

Gracias. También encontré esta biblioteca. Pero pensé, que hay algún otro, que no encontré. – AntonAL

9

tratar de mirar a la Processing.js library. Esta es una cita del sitio de los suyos:

Processing.js es el proyecto de la hermana de lo visual lenguaje de programación Processing popular, diseñado para el web.

Por lo que sé, tiene más contribuyentes que el proyecto Pixastic y sus demos son realmente prometedores.

+5

Pero el procesamiento, a pesar de su nombre, no es una biblioteca de procesamiento de imágenes, es un motor gráfico. –

+0

@Yves Creo que eso es injusto. Processing es un entorno y marco de programación de medios que integra gráficos y bibliotecas de procesamiento de imágenes. – terrace

15

CamanJS es la biblioteca de JavaScript no interactiva (API, no apunte y haga clic) más flexible para la manipulación de imágenes, que he encontrado hasta ahora.

+0

+1 A partir de ahora (julio de 2013) Caman tiene un ciclo de desarrollo mucho más activo que Pixastic, que no se ha actualizado en 5 meses. Lo que puede o no significar algo, solo decirlo. –

3

eche un vistazo a la biblioteca de procesamiento de imágenes PSX, que contiene una versión de javascript y ios. demo site muestra lo que puede hacer. PSX es la biblioteca de procesamiento de imágenes de javascript más potente de la historia.

+1

Algunos efectos agradables pero la falta de documentación y pruebas de unidad es un problema real. Si quiero hacer algunos filtros locales promedio, por ejemplo, no hay forma de saber cómo hacerlo sin leer toda la fuente. –

Cuestiones relacionadas