153 votes

Tracez une ligne de connexion entre deux éléments

Comment tracer une ligne entre deux ou plusieurs éléments pour les relier ? Toute combinaison de HTML/CSS/JavaScript/SVG/Canvas est acceptable.

Si votre réponse va dans le sens de l'une de ces idées, mentionnez-la :

  • éléments glissants
  • connexions glissables/éditables
  • évitement du chevauchement des éléments

Cette question a été mise à jour pour consolider les nombreuses variations d'elle.

1voto

balupton Points 17805

Cytoscape soutient cette démarche avec son Exemple d'architecture qui permet de faire glisser des éléments.

Pour créer des connexions, il existe le chandelles extension. Il ne permet pas encore de modifier les connexions existantes. Question.

Pour éditer les formes de connexion, il existe le édition des bords extension. Démonstration.

En edit-editation L'extension semble prometteuse, mais il n'y a pas encore de démo.

1voto

balupton Points 17805

js-graph.it prend en charge ce cas d'utilisation, comme le montre son guide de démarrage en supportant des éléments traînants sans chevauchement de connexion. Il ne semble pas qu'il prenne en charge la modification/création de connexions. Il semble qu'il ne soit plus maintenu.

0voto

balupton Points 17805

JointJS/Rappid prend en charge ce cas d'utilisation avec son Exemple d'évier de cuisine qui permet de glisser et de déposer des éléments, et de repositionner les connexions. Il comporte de nombreux exemples.

Cette réponse est basée sur Vainbhav Jain's réponse .

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X