Dessiner en haut d'une image en Javascript

Question

Je souhaite que l'utilisateur dessine une image dans un navigateur. En d'autres termes, j'ai besoin de les deux graphiques bitmap et les capacités de dessin, que ce soit vectoriel ou bitmap.

Canvas semble bon, mais pas pris en charge par IE, et bien qu'il y ait excanvas, je me demande si excanvas est assez stable pour une utilisation cohérente dans IE6 à 8.

Ou mieux encore, est-il un ouvert source image/dessin bibliothèque qui prend en charge tout cela hors de la boîte? J'ai trouvé deux douzaines d'éditeurs d'images ou d'outils de dessin sur le Web, mais aucun ne répond aux exigences. (Et je voudrais éviter Flash/Flex/Silverlight/JavaFX.)

Answer 1

Même si vous avez dit que vous souhaitez l'éviter, je suggère Flash. Vous pouvez facilement utiliser Flash 6 ou 7 et ceux-ci ont un taux d'adoption> 90%. Je serais surpris si vous pouviez obtenir ce niveau de support avec JavaScript. Flash est vraiment écrit une fois exécuté n'importe où, ce qui réduira votre temps de développement.

Answer 2

départ dojo x

http://dojotoolkit.org/projects/dojox

Answer 3

Vous pourriez être en mesure de le faire avec VML

http://en.wikipedia.org/wiki/Vector_Markup_Language

Answer 4

Jetez un oeil à RaphaelJS ... il est une implémentation du navigateur croix de dessin fonctions, en utilisant Canvas, VML ou SVG lorsqu'elles sont disponibles. Je ne suis pas sûr que cela permette aux utilisateurs de dessiner eux-mêmes hors de la boîte, mais cela pourrait valoir le coup d'œil.

Answer 5

C'est une bibliothèque très intelligent et très vaste que je suis tombé sur un certain temps: JS-Graphics

Answer 6

J'ajouterais un peu à la réponse de Kieron; Le site de Water Zorn a un paquet de graphiques vectoriels très bien présenté. Je l'ai utilisé dans une grande application et il s'intègre magnifiquement avec .NET et javascript écrit à la main. J'ai également utilisé son API glisser-déposer pour faciliter le glisser des éléments html.

Answer 7

Utilisez dojox.gfx. Il est cross-navigateur (SVG/VML/Canvas/Silverlight) et il semble que cela corresponde à la facture. Vous pouvez le télécharger à partir du the main Dojo site. Vous pouvez essayer ses tests et demos. Attention: les deux derniers liens seront lents car le code a été conçu pour les problèmes de débogage, pas pour la vitesse (non minimisé, non combiné, non compressé, servi depuis le serveur de fichiers).