SVG <ligne>


Ligne SVG - <ligne>

L'élément <line> est utilisé pour créer une ligne :

Sorry, your browser does not support inline SVG.

Voici le code SVG :

Exemple

<svg height="210" width="500">
  <line x1="0" y1="0" x2="200" y2="200" style="stroke:rgb(255,0,0);stroke-width:2" />
</svg>

Explication du code :

  • L'attribut x1 définit le début de la ligne sur l'axe des x
  • L'attribut y1 définit le début de la ligne sur l'axe y
  • L'attribut x2 définit la fin de la ligne sur l'axe des x
  • L'attribut y2 définit la fin de la ligne sur l'axe des y