HTML canvas arcTo() Method
Paglalarawan at paggamit
arcTo() Ang paraan ay gumawa ng isang arco o kurva sa ibabaw ng buwanag na nasa pagitan ng dalawang tangent.
Mga payo:Gumamit ng: stroke() Ang paraan ay magpipinta ng eksaktong arco sa buwanag.
Mga halimbawa
Buwanag ang isang arco sa ibabaw ng buwanag na nasa pagitan ng dalawang tangent.
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); // สร้างเของ
ctx.lineTo(150,120); // สร้างเส้นตรงตั้ง
ctx.stroke(); // ทำการวาด
รูปแบบ
context.fillRect(x1,y1,x2,y2,r);
ค่าตัวแปร
| ตัวแปร | การอธิบาย |
|---|---|
| x1 | ตำแหน่ง x ของจุดเริ่มต้นของเของ |
| y1 | ตำแหน่ง y ของจุดเริ่มต้นของเของ |
| x2 | ตำแหน่ง x ของจุดสิ้นสุดของเของ |
| y2 | ตำแหน่ง y ของจุดสิ้นสุดของเของ |
| r | เส้นรัศมีของเของ |
การสนับสนุนโดยบราวเซอร์
ตัวเลขในตารางนี้ระบุเวอร์ชั่นบราวเซอร์ที่สนับสนุนคุณสมบัตินี้เต็มที่
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
หมายเหตุ：Internet Explorer 8 และเวอร์ชั่นต่อไปนั้นไม่สนับสนุนประกาย <canvas>
