HTML canvas arc() yöntemi
Tanım ve Kullanım
arc() Metod, arklar ve eğriyi oluşturmak için kullanılır (daire veya daire parçası oluşturmak için kullanılır).
İpucu:arc() ile daire oluşturmak için başlangıç açısını şu şekilde ayarlayın: 0ve son açı olarak ayarlanır: 2*Math.PI.
İpucu:Kullanın: stroke() veya fill() Metod, canvas üzerinde gerçek bir eğri çizer.
- Merkez: arc(
100,75,50,0*Math.PI,1.5*Math.PI) - Başlangıç açısı: arc(100,75,50,
0,1.5*Math.PI) - Son açı: arc(100,75,50,0*Math.PI,
1.5*Math.PI)
Örnek
Bir daire oluşturun:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.arc(100,75,50,0,2*Math.PI);
ctx.stroke();
Sözdizimi
context.arc(x,y,r,sAngle,eAngle,counterclockwise);
Parametre Değerleri
| Parametreler | Açıklama |
|---|---|
| x | Dairenin merkezinin x koordinatı. |
| y | Dairenin merkezinin y koordinatı. |
| r | Dairenin yarıçapı. |
| sAngle | Başlangıç açısı, açısal birimde. (Dairenin üç saat pozisyonu 0 derecedir). |
| eAngle | Son açı, açısal birimde. |
| counterclockwise | Opsiyonel. Çizimi saat yönünün tersine mi yoksa saat yönünde mi yapılacağını belirler. False = Saat yönünde, true = Saat yönünün tersi. |
Tarayıcı Desteği
Tablo içindeki numaralar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Açıklama:Internet Explorer 8 ve daha eski sürümler <canvas> elementini desteklemez.
