HTML <canvas> arc(), arcTo() 함수 - 호나 원 그리기
1. arc() arc() 함수는 (x, y) 위치에 원점을 두면서, 반지름 r을 가지고 startAngle 에서 시작하여 endangle 에서 끝나며 주어진 anticlockwise 방향으로 향하는 (기본값은 시계방향 회전) 호를 그리게 됩니다. arc(x, y, radius, startAngle, endAngle, anticlockwise); 2. arcTo() arcTo() 함수는 주어진 제어점들과 반지름으로 호를 그리고, 이전 점과 직선으로 연결합니다. arcTo(x1, y1, x2, y2, radius); x 호 중심의 수평 좌표입니다. y 호 중심의 수직 좌표입니다. radius 호의 반지름입니다. startAngle 호가 시작점으로, 양의 x축에서 측정됩니다. endAngle 호가 끝나는점으..
HTML <canvas>를 이용한 직사각형 그리기
어떠한 도형을 그릴 때 정해야할 것이 있습니다. 어떤 모양의 도형인지 어떤 크키의 도형인지 어디에 그릴건지 먼저 는 기본적으로 직사각형의 도형을 제공합니다. 직사각형을 그리는데에는 세가지 함수가 있습니다. fillRect(x, y, width, height) : 색칠된 직사각형을 그리는 함수(기본 색은 검정) strokeRect(x, y, width, height) : 직사각형 윤곽선을 그리는 함수 clearRect(x, y, width, height) : 특정 부분의 직사각형을 지우는 함수(지운다 = 투명하게 만든다) 각가의 세 함수는 모두 같은 매개변수를 가집니다. x : 사각형 시작점의 x축 좌표 y : 사각형 시작점의 y축 좌표 width : 사각형의 너비, 양수값은 오른쪽 음수는 왼쪽으로 이동 ..
