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