Canvas arcTo() 方法

คู่มือ Canvas

คำนิยามและการใช้งาน

arcTo() วิธีใช้ในการสร้างกระบวนทาง/เส้นโค้งที่อยู่ระหว่างสายทางตัดของกระบวนทางบนกระดานภาพ

คำแนะนำ:ใช้ stroke() วิธีใช้ในการวาดกระบวนทางที่เฉพาะที่สุดบนกระดานภาพ

ตัวอย่าง

สร้างกระบวนทางที่อยู่ระหว่างสายทางตัดของกระบวนทาง

เว็บเบราว์เซอร์ของคุณไม่สนับสนุนแท็ก HTML5 canvas

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>。

คู่มือ Canvas