HTML <canvas>를 이용한 직사각형 그리기
어떠한 도형을 그릴 때 정해야할 것이 있습니다. 어떤 모양의 도형인지 어떤 크키의 도형인지 어디에 그릴건지 먼저 는 기본적으로 직사각형의 도형을 제공합니다. 직사각형을 그리는데에는 세가지 함수가 있습니다. fillRect(x, y, width, height) : 색칠된 직사각형을 그리는 함수(기본 색은 검정) strokeRect(x, y, width, height) : 직사각형 윤곽선을 그리는 함수 clearRect(x, y, width, height) : 특정 부분의 직사각형을 지우는 함수(지운다 = 투명하게 만든다) 각가의 세 함수는 모두 같은 매개변수를 가집니다. x : 사각형 시작점의 x축 좌표 y : 사각형 시작점의 y축 좌표 width : 사각형의 너비, 양수값은 오른쪽 음수는 왼쪽으로 이동 ..
