Bola Canvas HTML
- Halaman Sebelumnya Persegi Canvas
- Halaman Berikutnya Garis Canvas
Contoh
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(95, 50, 40, 0, 2 * Math.PI);
ctx.stroke();
Gambar lingkaran
Untuk menggambar lingkaran di atas kanvas, gunakan metode berikut:
- beginPath() - Mulai jalur
- arc(x,y,r,start,end) - Definisi lingkaran
- stroke() - Mewarnai
arc(x,y,r,start,end) - Membuat bagian lingkaran (garis lurus).
Untuk membuat lingkaran, atur sudut awal menjadi 0, dan sudut akhir menjadi 2 * Math.PI.
x dan y parameter untuk menentukan koordinat pusat lingkaran.
r parameter menentukan jari-jari lingkaran.
Lihat Juga:
- Halaman Sebelumnya Persegi Canvas
- Halaman Berikutnya Garis Canvas
