SVG <Linie>


SVG-Linie - <Linie>

Das Element <line> wird verwendet, um eine Linie zu erstellen:

Sorry, your browser does not support inline SVG.

Hier ist der SVG-Code:

Beispiel

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

Code-Erklärung:

  • Das Attribut x1 definiert den Beginn der Linie auf der x-Achse
  • Das Attribut y1 definiert den Beginn der Linie auf der y-Achse
  • Das Attribut x2 definiert das Ende der Linie auf der x-Achse
  • Das Attribut y2 definiert das Ende der Linie auf der y-Achse