[WEB - HTML CSS JAVASCRIPT][캔버스] 3_2-0. 캔버스로 사각형 그리기

[02. 사각형 그리기]

:
사각형을 그리기 위해서는 시작점인 x, y좌표와 너비, 높이를 나타내는 네 가지의 값을 요구(필요로)하게 된다. 캔버스를 기준으로 캔버스 왼쪽 맨 위의 꼭짓점이 x, y좌표인(0, 0)이 된다. (0, 0)좌표를 기준으로 각각이 지정한 (x, y)좌표를 시작으로 하여 너비(width), 높이(height) 크기의 사각형이 만들어지는 것이다.