Discussion :

[Dr_GreenThumb]

Bonjour,

Je suis en train de réaliser une application permettant la modification d'une fichier SVG (plan archi) directement en ligne.
J'arrive à charger le fichier dans ma page Web. Chaque élément du plan a été préalablement identifié en tant que groupe (balise g) + un uuid.

Mon problème est que je n'arrive pas à trouver une technologie qui me permet de cumuler toutes ces fonctionnalités :
- Action sur un groupe (balise g) avec la souris : selection + drag + resize + pivotage
- Ces actions doivent pouvoir etre paramétrées
- Panzoom : Possibilité de zoomer et dezoomer sur le plan sans que les éléments selectionés (ou leurs bbox) partent en live
- Possibilité de dessiner à la souris : Dessin d'un polygone en indiquant les sommets par un clic

J'ai testé :
- SVG.js : La biliothèque svg.resize.js ne gère pas les groupes. Cela fonctionne uniquement sur des images ou des élements SVG (les SVG nested ne fonctionnent pas non plus)
- RaphaelJS : Idem, ne gère pas les groupes
- Snap.js + freetransform : Pas de dessin de polygone avec la souris et panzoom qui part en live


Etant "légèrement dans la mouise" je fais appel à vos connaissances sur le sujet afin de m'indiquer si vous connaissez une techo qui gère tout ça ou alors si vous avez une autre approche...

Merci

[le noubi]

Bonsoir,
peut-être en utilisant carrément un éditeur svg en ligne ?
J'ai trouvé ça (rapidement) https://github.com/SVG-Edit/svgedit, http://editor.method.ac/, http://vectorpaint.yaks.co.nz/...

[Dr_GreenThumb]

Bonjour le noubi,

Merci pour ton retour.
Le truc c'est que la modification se fait directement en ligne, c'est intégré dans une webapp.