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() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Definisi dan Penggunaan
The arc() metode menciptakan busur / kurva (used to create circles, or parts of circles) .
Tip: Untuk membuat lingkaran dengan arc() : Set mulai angle untuk 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 | Koordinat x dari 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 | The berakhir sudut, 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 " |
<Canvas Object