Canvas arc() Metodu
Tanım ve Kullanım
arc() Metod, yay/çizgiyi oluşturur (dairesel veya daire parçası oluşturmak için kullanılır).
İpucu:arc() ile bir daire oluşturmak için başlangıç açısını 0ve son açı olarak ayarlanır 2*Math.PI.
İpucu:Kullanarak stroke() veya fill() Metod, çizim üzerinde gerçek bir yay ç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ğeri
| Parametre | Açıklama |
|---|---|
| x | Dairenin merkezinin x koordinatı. |
| y | Dairenin merkezinin y koordinatı. |
| r | Dairenin yarıçapı. |
| sAngle | Başlangıç açısı, açı derecesi ile ölçülür. (Dairenin üç saat konumu 0 derece olarak kabul edilir). |
| eAngle | Son açı, açı derecesi ile ölçülür. |
| counterclockwise | Seçmeli. Çizimin saat yönünde mi karşı saat yönünde mi yapılacağını belirler. False = saat yönünde, true = karşı saat yönünde. |
Tarayıcı desteği
Tablodaki numaralar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.
| 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 desteklememektedir.
