SVG <line>

Linea SVG - <line>

<line> L'elemento viene utilizzato per creare una linea:

Questo è il codice 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>

Prova personalmente

Spiegazione del codice:

  • Definizione dell'attributo x1 per il punto di partenza della linea sull'asse x
  • L'attributo y1 definisce l'inizio della linea sull'asse y
  • L'attributo x2 definisce la fine della linea sull'asse x
  • L'attributo y2 definisce la fine della linea sull'asse y