arc() 메서드는 캔버스 요소를 사용하여 HTML5에서 원을 만드는 데 사용됩니다. arc() 메서드가 있는 원의 경우 시작 각도를 0으로 사용하고 끝 각도를 2*Math.PI로 사용합니다.
다음은 arc() 메서드의 매개변수 값입니다. -
| S. 아니요 | 매개변수 | 설명 |
| 1 | x | x 좌표 |
| 2 | y | y 좌표 |
| 3 | r | 원의 반경 |
| 4 | 시작 각도 | 시작 각도(라디안) |
| 5 | 엔딩 각도 | 끝 각도(라디안) |
| 6 | 시계 반대 방향(True/False) | 시계 반대 방향으로 그리기의 경우 True, 그렇지 않으면 False를 선택합니다. |
예시
HTML5에서 arc() 메서드를 사용하여 원을 그리려면 다음 코드를 실행할 수 있습니다. −
<!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>