HTML canvas arc() method
Definasyon at paggamit
arc() Ang paraan ay gumagawa ng arco/kurbo (ginagamit para gumawa ng bilog o bahagi ng bilog).
Mga paalala:Kung gusto mong gumawa ng bilog gamit ang arc(), ilagay ang simula ng anggulo bilang 0at ang tugatog na anggulo ay itinakda na 2*Math.PI.
Mga paalala:Gumamit ng stroke() o fill() Ang paraan ay gumagawa ng tunay na arco sa kanvas.
- Sentro: arc(
100,75,50,0*Math.PI,1.5*Math.PI) - Ang simula ng anggulo: arc(100,75,50,
0,1.5*Math.PI) - Ang tugatog na anggulo: arc(100,75,50,0*Math.PI,
1.5*Math.PI)
Sample
Lumikha ng isang bilog:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.arc(100,75,50,0,2*Math.PI);
ctx.stroke();
การใช้งาน
context.arc(x,y,r,sAngle,eAngle,counterclockwise);
ค่าตัวเลือก
| ตัวเลือก | คำอธิบาย |
|---|---|
| x | ตำแหน่ง x ของจุดกลางวง |
| y | ตำแหน่ง y ของจุดกลางวง |
| r | เส้นรอบวง |
| sAngle | มุมเริ่มต้น นับโดยรายละเอียด (ตำแหน่งสายกลมที่ 3 โหราษีคือ 0 องศา) |
| eAngle | มุมสิ้นสุด นับโดยรายละเอียด |
| counterclockwise | ใช้งานเลือก |
การสนับสนุนโดยบราวเซอร์
ตัวเลขในตารางนี้ระบุว่าองค์ประกอบนี้ถูกสนับสนุนอย่างเต็มที่โดยเวอร์ชันบราวเซอร์แรก
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
หมายเหตุ：Internet Explorer 8 และเวอร์ชันที่เก่ากว่าไม่สนับสนุนองค์ประกอบ <canvas>
