SVG <line>

Γραμμή SVG - <line>

<line> Το στοιχείο χρησιμοποιείται για τη δημιουργία μιας γραμμής:

Αυτό είναι ο κώδικας 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>

Προσπάθησε το ίδιο!

Ανάλυση κώδικα:

  • Ορισμός της αρχικής θέσης της γραμμής στο άξονα X1
  • Η ιδιότητα y1 ορίζει το ξεκίνημα της γραμμής στο άξονα y
  • Η ιδιότητα x2 ορίζει το τέλος της γραμμής στο άξονα x
  • Η ιδιότητα y2 ορίζει το τέλος της γραμμής στο άξονα y