SVG <line>

<line> η ετικέτα χρησιμοποιείται για τη δημιουργία γραμμών.

Ετικέτα <line>

<line> η ετικέτα χρησιμοποιείται για τη δημιουργία γραμμών.

Παρακαλώ αντιγράψτε τον παρακάτω κώδικα στο NotesPad και αποθηκεύστε το αρχείο ως "line1.svg". Τοποθετήστε το αρχείο στον κατάλογο του web σας:

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<line x1="0" y1="0" x2="300" y2="300"
style="stroke:rgb(99,99,99);stroke-width:2"/>
</svg>

Επεξήγηση Κώδικα:

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

Εξετάστε το Παράδειγμα