SVG <circle>

Κύκλος SVG - <circle>

<circle> Το στοιχείο χρησιμοποιείται για τη δημιουργία κύκλων:

Αυτό είναι ο κώδικας SVG:

Παράδειγμα

<svg height="100" width="100">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>

Προσπαθήστε το προσωπικά

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

• Οι ιδιότητες cx και cy ορίζουν τις κoordinates του κέντρου του κύκλου (x, y). Αν παραλειφθούν τα cx και cy, το κέντρο του κύκλου ορίζεται ως (0,0).
• Η ιδιότητα r ορίζει το ρadius του κύκλου.