SVG

Segment

Le segment en SVG.

Pour définir un dessin de segment en SVG, on utilise la balise <line />, on identifie l'abscisse et l'ordonnée d'une première extrémité avec x1 et y1 et l'abscisse et l'ordonnée de la seconde extrémité avec x2 et y2.

On peut ensuite utiliser un style CSS pour spécifier la couleur de trait (avec stroke), l'épaisseur (avec stroke-width).

Le segment en pointillés.

L'attribut stroke-dasharray permet de définir un trait avec pointillés.

Exemple