원, 호 그리기, arc(), arc() 메소드의 각도, 매개변수
CODEDRAGON ㆍDevelopment/Web, WWW
반응형
원, 호 그리기
|
arc(x, y, r, startAngle, endAngle, anticlockwise) //x좌표,y좌표, 반지름, 호의 시작점, 끝점을 각도로 표시, 호를 그릴 때 반시계방향으로 그릴지 여부 |
arc()
· 라디안(radian) 값으로 x, y위치에서 시작해서 반시계방향(anticlockwise)으로 반지름(r)만큼의 원을 그립니다.
arc() 메소드의 각도
arc() 메소드에서의 각도는 도(degree)로 표시하지 않고 라디안 값으로 표기합니다.
|
각도 |
값 |
|
1라디안 |
180/Math.PI |
|
60도 |
(Math.PI/180)*60 |
|
180도 |
(Math.PI/180)*180 |
|
360도 |
(Math.PI/180)*2 |
매개변수
|
매개변수 |
설명 |
|
x |
x좌표 |
|
y |
x좌표 |
|
r |
반지름 |
|
startAngle |
호의 시작점 의미 |
|
endAngle |
호의 끝점 의미 |
|
anticlockwise |
호를 그릴 때 반시계방향으로 그릴지 여부 |
'Development > Web, WWW' 카테고리의 다른 글
| View Port(뷰 포트), 웹페이지를 모바일환경에 맞게 보여주기, 모바일 HTML기본 셋팅 (0) | 2017.11.22 |
|---|---|
| XML(eXtensible Markup Language) Tree 구조 (0) | 2017.11.21 |
| 경로 그리기 (0) | 2017.11.21 |
| 사각형 그리기 (0) | 2017.11.21 |
| <canvas> 태그, <canvas>의 속성, <canvas>태그 형식 (0) | 2017.11.21 |