tutorial pengembangan web terbaru
 

HTML canvas arc() Method

<HTML Canvas Referensi

Contoh

Buat lingkaran:

YourbrowserdoesnotsupporttheHTML5canvastag.

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.

busur

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 "

<HTML Canvas Referensi