SVG <line>

SVG lijn - <line>

<line> Elementen worden gebruikt om een lijn te maken:

Dit is de SVG-code:

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

Probeer het zelf

Code uitleg:

  • Definitie van eigenschappen: startpunt van de lijn op de x-as
  • De eigenschap y1 definieert het startpunt van de lijn op de y-as
  • De eigenschap x2 definieert het eindpunt van de lijn op de x-as
  • De eigenschap y2 definieert het eindpunt van de lijn op de y-as