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.

3voto

balupton Points 17805

VisJS soutient cette démarche avec son Exemple de flèches qui prend en charge les éléments pouvant être glissés.

Il prend également en charge les connexions modifiables, avec son Exemple d'événements d'interaction .

2voto

balupton Points 17805

GoJS soutient cette démarche, avec son Exemple de diagramme d'état qui permet de glisser et de déposer des éléments, et de modifier les connexions.

Cette réponse est basée sur Walter Northwoods réponse .

2voto

balupton Points 17805

mxGraph - utilisé par draw.io - prend en charge ce cas d'utilisation, avec son Exemple d'éditeur de graphiques . Documentation. Exemples.

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

1voto

balupton Points 17805

Raphaël soutient cette démarche, avec son Exemple de graffiti .

Cette réponse est basée sur Awais Akhtar réponse et Vaibhav Jain réponse .

1voto

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