Toile 2D dans le navigateur

Question

Je suis à la recherche d'un framework ou d'une bibliothèque pour utiliser le navigateur en tant qu'outil de dessin 2D.

Le dessin précis n'est pas le bon mot. Il devrait s'agir d'ajouter, de supprimer et de déplacer des objets 2D et des images sur une toile. Les objets doivent être connectables graphiquement. Donc - une sorte de visio dans un navigateur

Je suppose que c'est un peu trop pour une librairie javascript comme dojo ou prototype mais qu'en est-il d'un framework flash comme flex ou openlaszolo?

Merci!

Answer 1

La plupart des navigateurs modernes prennent désormais en charge la balise <canvas> en HTML5, ce qui correspond à peu près à ce que vous demandez. Vous pouvez dessiner directement dessus en utilisant Javascript. Dans la plupart des navigateurs modernes, il existe également un support pour le format graphique SVG, qui peut encore être manipulé via Javascript pour faire des effets très funky. La différence entre canvas et SVG est que canvas est pour les graphismes bitmap et SVG est les vecteurs. Mais les deux sont bons pour le dessin 2D.

Si vous avez besoin d'une bibliothèque ou d'un framework en plus de cela, vous pouvez essayer quelque chose comme Raphael, qui est une bonne bibliothèque JS pour dessiner des graphiques vectoriels. Il supporte même les anciennes versions d'Explorer, ce qui est un bonus. (si SVG n'est pas disponible, il revient à VML).

Answer 2

iLog Exlixir offre quelques composants graphiques qui aideraient probablement.

Answer 3

OpenLaszlo peut certainement le faire. Voici un lien vers une application OpenLaszlo qui est une alternative en ligne à Visio:

http://www.gliffy.com/

J'ai personnellement développé et maintenu une application de montage vidéo OpenLaszlo au cours des 6 dernières années qui vous permet de faire glisser des images et des vidéos à différentes positions et couches similaires à ce que vous décrivez, vous pouvez essayer ici si vous voulez:

http://www.sarolta.tv/web/sarolta-tools/template-editor.html