Κυκλός στο Canvas HTML
- Προηγούμενη Σελίδα Δελτίο Canvas
- Επόμενη Σελίδα Καλώδιο Canvas
Παράδειγμα
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(95, 50, 40, 0, 2 * Math.PI);
ctx.stroke();
Σχεδιάστε έναν κύκλο
Για να σχεδιάσετε έναν κύκλο στην επιφάνεια ζωγραφικής, χρησιμοποιήστε τις παρακάτω μεθόδους:
- beginPath() - Έναρξη διαδρομής
- arc(x,y,r,start,end) - Ορισμός κύκλου
- stroke() - Εικονική γραφή
arc(x,y,r,start,end) - Δημιουργία αράχνης (κυκλικού γραμμικού στοιχείου).
Για να δημιουργήσετε έναν κύκλο, ρυθμίστε το αρχικό γωνιακό σημείο σε 0 και το τελικό γωνιακό σημείο σε 2 * Math.PI.
x και y παράμετροι ορίζουν τις συντεταγμένες του κέντρου του κύκλου.
Η τιμή του r καθορίζει το ρadius του κύκλου.
Για περισσότερες πληροφορίες:
- Προηγούμενη Σελίδα Δελτίο Canvas
- Επόμενη Σελίδα Καλώδιο Canvas
