web-dev-qa-db-fra.com

Quelle est la meilleure bibliothèque de traitement d'images JavaScript?

J'ai besoin de quelques effets de coup de pied pour mon site Web, comme le flou gaussien, le bruit, les filtres de convolution, les opérations morphologiques, etc. Tous les effets doivent être appliqués dynamiquement (pas d'images pré-rendu) et modifiés au fil du temps.

Quelle est la bibliothèque de traitement d'image la plus puissante, implémentée en JavaScript?

58
AntonAL

Pixastic est le seul que je connaisse, mais toutes ses méthodes ne sont pas entièrement compatibles avec tous les navigateurs - elles s'appuient sur les fonctionnalités du canevas HTML5 élément qui n'est pas disponible dans Internet Explorer, même avec exCanvas.

Quelques démos:

Autres liens:

28
Andy E

CamanJS est la bibliothèque JavaScript non interactive la plus flexible (API, pas pointer-cliquer) pour la manipulation d'images, que j'ai rencontrée jusqu'à présent.

15
Leonid Mamchenkov

Essayez de regarder la bibliothèque Processing.js . Ceci est une citation de leur site:

Processing.js est le projet frère du populaire langage de programmation visuel Processing, conçu pour le Web.

Pour autant que je sache, il a plus de contributeurs que le projet Pixastic et les leurs démos sont vraiment prometteurs.

9
Andrey

Jetez un oeil à Pixastic

Pixastic est une bibliothèque expérimentale qui vous permet d'effectuer diverses opérations sur des images en utilisant juste un peu de JavaScript. Les effets pris en charge hors de la boîte incluent la désaturation/échelle de gris, inversion, retournement, réglage de la luminosité/contraste, teinte/saturation, gaufrage, flou et bien d'autres.

La démo peut être trouvée ici

6
SteD

jetez un œil à la bibliothèque de traitement d'image PSX , elle contient une version javascript et ios. le site de démonstration montre ce qu'il peut faire. PSX est la bibliothèque de traitement d'images javascript la plus puissante jamais conçue.

3
zhijie