วิธี arc() ใช้เพื่อสร้างวงกลมใน HTML5 ด้วยองค์ประกอบผ้าใบ สำหรับวงกลมที่มีเมธอด arc() ให้ใช้มุมเริ่มต้นเป็น 0 และมุมสิ้นสุดเป็น 2*Math.PI
นี่คือค่าพารามิเตอร์ของเมธอด arc() -
| S. ไม่ | พารามิเตอร์ | คำอธิบาย |
| 1 | x | x-coordinate |
| 2 | y | y-coordinate |
| 3 | r | รัศมีของวงกลม |
| 4 | startingAngle | มุมเริ่มต้นเป็นเรเดียน |
| 5 | endingAngle | มุมสิ้นสุดเป็นเรเดียน |
| 6 | ทวนเข็มนาฬิกา (True/False) | สำหรับการวาดทวนเข็มนาฬิกา ให้เลือก True, else, false |
ตัวอย่าง
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อวาดวงกลมด้วยวิธี arc() ใน HTML5 -
<!DOCTYPE html>
<html>
<head>
<title>HTML Canvas</title>
<head>
<body>
<canvas id="newCanvas" width="300" height="150" style="border:1px solid #000000;"></canvas>
<script>
var c = document.getElementById("newCanvas");
var ctxt = c.getContext("2d");
ctxt.beginPath();
ctxt.arc(100,75,50,0,2*Math.PI);
ctxt.stroke();
</script>
</body>
</html> 