Canvas arcTo() Metodu

Canvas Referans Kılavuzu

Tanım ve Kullanım

arcTo() Yapıdaki iki kesme hatası arasında bir dairesel/kavisli kısmı oluşturan yöntem.

İpucu:Kullanın stroke() Yapıdaki kesin bir dairesel kısmı çizen yöntem.

Örnek

İki kesme hatası arasında bir dairesel kısmı çizerken:

Tarayıcınız HTML5 canvas etiketini desteklememektedir.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.beginPath();
ctx.moveTo(20,20);           // Başlangıç noktası oluştur
ctx.lineTo(100,20);          // Yatay çizgi oluştur
ctx.arcTo(150,20,150,70,50); // Daire oluştur
ctx.lineTo(150,120);         // Dikey çizgi oluştur
ctx.stroke();                // Çizimi gerçekleştir

Kişisel olarak deneyin

Dilbilgisi

context.fillRect(x1,y1,x2,y2,r);

Parametre değeri

Parametre Açıklama
x1 Dairenin başlangıç noktasının x koordinatı
y1 Dairenin başlangıç noktasının y koordinatı
x2 Dairenin bitiş noktasının x koordinatı
y2 Dairenin bitiş noktasının y ordusu
r Dairenin yarıçapı

Tarayıcı Desteği

Tablo içindeki rakamlar, 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> ögesini desteklememektedir.

Canvas Referans Kılavuzu