SVG <line>

SVG Linia - <line>

<line> Elementy do tworzenia linii:

Oto kod 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>

Spróbuj sam

Wyjaśnienie kodu:

  • Definicja atrybutu punktu startowego linii na osi X
  • Atrybut y1 definiuje początek linii na osi y
  • Atrybut x2 definiuje koniec linii na osi x
  • Atrybut y2 definiuje koniec linii na osi y