SVG <line>

Ligne SVG - <line>

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

Voici le code SVG :

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

Essayez-le vous-même

Explication du code :

  • Définition de l'attribut x1 pour le point de départ de la ligne sur l'axe des abscisses
  • L'attribut y1 définit le point de départ de la ligne sur l'axe y
  • L'attribut x2 définit la fin de la ligne sur l'axe x
  • L'attribut y2 définit la fin de la ligne sur l'axe y