Contoh
Buat 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(); Cobalah sendiri " Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung metode ini.
| metode | |||||
|---|---|---|---|---|---|
| arc() | iya nih | 9.0 | iya nih | iya nih | iya nih |
Definisi dan Penggunaan
The arc() metode menciptakan busur / kurva (digunakan untuk membuat lingkaran, atau bagian dari lingkaran).
Tip: Untuk membuat lingkaran dengan arc() : Set mulai sudut ke 0 dan sudut mengakhiri 2 * Math.PI.
Tip: Gunakan stroke() atau fill() metode untuk benar-benar menarik busur di kanvas.
Pusat
arc (100,75, 50,0 * Math.PI, 1,5 * Math.PI) Mulai angle
arc (100,75,50, 0, 1,5 * Math.PI) sudut akhir
arc (100,75,50,0 * Math.PI, 1,5 * Math.PI) | sintaks JavaScript: | context.arc(x,y,r,sAngle,eAngle,counterclockwise); |
|---|
Nilai parameter
| Parameter | Deskripsi | Mainkan |
|---|---|---|
| x | X-koordinat pusat lingkaran | Mainkan " |
| y | Y-koordinat pusat lingkaran | Mainkan " |
| r | Jari-jari lingkaran | Mainkan " |
| sAngle | Sudut mulai, dalam radian (0 adalah pada posisi jam 3 dari lingkaran busur ini) | Mainkan " |
| eAngle | Ending angle, dalam radian | Mainkan " |
| counterclockwise | Pilihan. Menentukan apakah gambar harus berlawanan atau searah jarum jam. Palsu adalah default, dan menunjukkan searah jarum jam, sementara benar menunjukkan berlawanan arah jarum jam. | Mainkan " |