Metode Canvas arc()
Definisi dan penggunaan
arc() metode untuk membuat garis lingkaran/curva (digunakan untuk membuat lingkaran atau bagian lingkaran).
Petunjuk:Untuk membuat lingkaran melalui arc(), atur sudut awal menjadi 0dan atur sudut akhir menjadi 2*Math.PI.
Petunjuk:Gunakan stroke() atau fill() metode untuk menggambar garis lingkaran di atas kertas.
- pusat: arc(
100,75,50,0*Math.PI,1.5*Math.PI) - sudut awal: arc(100,75,50,
0,1.5*Math.PI) - sudut akhir: arc(100,75,50,0*Math.PI,
1.5*Math.PI)
contoh
Buat satu lingkaran:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.arc(100,75,50,0,2*Math.PI);
ctx.stroke();
syarat
context.arc(x,y,r,sAngle,eAngle,berputar ke arah yang berlawanan jam);
nilai parameter
| parameter | deskripsi |
|---|---|
| x | koordinat x pusat lingkaran. |
| y | koordinat y pusat lingkaran. |
| r | jari-jari lingkaran. |
| sAngle | sudut awal, diukur dalam derajat. (Posisi jam 3 lingkaran adalah 0 derajat). |
| eAngle | sudut akhir, diukur dalam derajat. |
| berputar ke arah yang berlawanan jam | 可选。规定应该逆时针还是顺时针绘图。False = 顺时针，true = 逆时针。 |
Dukungan pemeriksa
Angka di dalam tabel menunjukkan versi paling awal penggunaan browser yang menyokong sifat ini.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Keterangan:Internet Explorer 8 dan versi yang lebih lama tidak mendukung elemen <canvas>.
