SVG <line>

SVG-linje - <line>

<line> Elementet bruges til at skabe en linje:

Dette er SVG-koden:

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

Prøv det selv

Kodeforklaring:

  • x1 egenskab definerer startpunktet for linjen på aksen
  • y1 egenskaben definerer startpunktet for linjen på y-aksen
  • x2 egenskaben definerer endepunktet af linjen på x-aksen
  • y2 egenskaben definerer endepunktet af linjen på y-aksen