HTML canvas arcTo() yöntemi
Tanım ve Kullanım
arcTo() Arka planda iki keskin çizgi arasındaki yay/çizgi oluşturmak için yöntem.
İpucu:Kullanım: stroke() Yayın arka planda kesin bir yay çizmek için yöntem.
Örnek
İki keskin çizgi arasındaki arka planda bir yay oluşturun:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.beginPath();
ctx.moveTo(20,20); // 创建开始点
ctx.lineTo(100,20); // 创建水平线
ctx.arcTo(150,20,150,70,50); // Daire oluşturur
ctx.lineTo(150,120); // Dikey çizgi oluşturur
ctx.stroke(); // Çizimi yapar
Sözdizimi
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 son noktasının x koordinatı. |
| y2 | Dairenin son noktasının y koordinatı. |
| r | Dairenin yarıçapı. |
Tarayıcı Desteği
Tablodaki 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 desteklememektedir.
