Garis Lurus Canvas HTML
- Halaman Sebelumnya Bola Canvas
- Halaman Berikutnya Transisi Canvas
Contoh
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(100, 50, 50, 0, Math.PI);
ctx.stroke();
Metode arc()
Bagian lingkaran adalah bagian dari lingkaran, juga ditentukan oleh titik koordinat pusat dan jari lingkaran:
Menggambar bagian lingkaran di Canvas
Gunakan jalur kanvas untuk menggambar bagian lingkaran:
| Metode | Deskripsi | Menggambar |
|---|---|---|
| beginPath() | Mulai jalur baru. | Tidak |
| arc() | Definisi garis lingkaran. | Tidak |
| stroke() | Membuat gambar. | Ya |
Untuk menggambar lingkaran di atas kanvas, gunakan metode berikut:
- beginPath() - Mulai jalur
- arc(x,y,r,start,end) - Definisi lingkaran
- stroke() - Menggambar
arc(x,y,r,start,end) - Membuat bagian lingkaran (garis lingkaran).
Untuk membuat lingkaran, atur sudut awal menjadi 0 dan sudut akhir menjadi 2 * Math.PI.
Parameter x dan y menentukan titik koordinat pusat lingkaran.
r parameter menentukan jari lingkaran.
Lihat Juga:
- Halaman Sebelumnya Bola Canvas
- Halaman Berikutnya Transisi Canvas
