web-dev-qa-db-fra.com

Éditeurs d'images Open Source gratuits dans le navigateur

Je recherche une solution d'édition d'images dans le navigateur à intégrer à mon projet: http://code.google.com/p/Django-ray/

Je l'ai fait travailler avec Pixlr assez facilement et l'éditeur est fantastique .. cependant c'est un service hébergé, ce qui signifie que je dois être connecté à Internet pour que cela fonctionne ..

Existe-t-il une autre solution comme Pixlr mais qui n'est pas un service hébergé?

Mises à jour

Éditeurs trouvés jusqu'à présent:

Et une bonne liste d'éditeurs hébergés: http://www.lifeclever.com/10-free-web-based-alternatives-to-photoshop/

javascriptflashimagecanvas
28
h3.

Adobe a abandonné l'interface utilisateur de l'éditeur d'image creativeSDK

Cette solution ne semble plus viable. Désolé :(

annonce de dépréciation d'Adobe

Réponse précédente:

Aviary (acquis par Adobe) propose un éditeur de page gratuit riche en fonctionnalités appelé Feather . Il est cependant hébergé en ce que vous devez effectuer un GET pour récupérer l'image finale éditée en taille réelle. Ses fonctionnalités incluent:

  • améliorer (nouveau): corrigez automatiquement votre photo avec l'une des quatre améliorations de base.
  • effets (nouveau): choisissez parmi une variété d'effets et de filtres pour votre photo.
  • autocollants: choisissez parmi une variété d'autocollants que vous pouvez redimensionner et placer sur votre photo.
  • orientation (nouvelle): faites pivoter et retournez votre photo dans un seul outil.
  • redimensionner: redimensionner l'image à l'aide des champs numériques de largeur et de hauteur.
  • recadrer: recadrez une partie de votre photo. Ajoutez des préréglages via l'API. Les préréglages de recadrage à pixels fixes effectuent un redimensionnement lorsqu'ils sont appliqués (nouveau).
  • luminosité: réglez la luminosité globale de l'image.
  • contraste: ajustez le contraste global de l'image.
  • saturation: ajustez la saturation globale de l'image.
  • netteté (nouveau): flou ou netteté de l'image globale dans un seul outil.
  • dessiner: Ajoutez des superpositions de doodle avec un pinceau.
  • texte: ajoutez du texte personnalisé et redimensionnable.
  • yeux rouges: supprimez les yeux rouges de votre photo avec un pinceau.
  • blanchir: blanchir les dents avec une brosse. (Non pris en charge dans IE7-IE8)
  • imperfections: éliminez les imperfections cutanées avec une brosse.

Je l'intègre actuellement dans un site et il y a quelques problèmes (ils pourraient être de ma faute.) Je ne peux jamais le faire effectuer un rappel POST à mon URL avec l'URL d'image finie, donc J'utilise le gestionnaire d'objets .onSave qui fournit les mêmes informations. De plus, dans Chrome/Firefox actuel, il existe une exception de sécurité lorsque Feather modifie les données de canevas directement à partir de votre site. Au lieu de cela, fournissez l'option url (obligeant Feather à demander l'image à cette URL, puis à la renvoyer au widget sur votre page.)

7
Carl G

Je viens de regarder JCrop, un plugin JQuery qui a fière allure et fonctionne à merveille - sur la plupart des navigateurs modernes, alors vérifiez que votre plate-forme cible est prise en charge.

Vous pouvez le voir en action et télécharger les scripts d'ici

http://deepliquid.com/content/Jcrop.html

et vous aurez besoin du framework de script JQuery, disponible sur jquery.com

Tout est gratuit et Open Source, vous pouvez donc le personnaliser autant que vous le souhaitez.

Rob

6
Robin Layfield