Neueste Web-Entwicklung Tutorials
 

SVG <Line>


SVG-Linie - <line>

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

style = "Hub: rgb (255,0,0), Schlaganfall-Breite: 2" /> Ihr Browser unterstützt leider Inline - SVG nicht unterstützt.

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>
Versuch es selber "

Code explanation:

  • Das x1 Attribut definiert den Anfang der Zeile auf der x-Achse
  • Das y1 Attribut definiert den Anfang der Linie auf der y-Achse
  • Das x2 - Attribut definiert das Ende der Leitung auf der x-Achse
  • Die y2 Attribut definiert das Ende der Linie auf der y-Achse