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
Partager