꺾이지 않는 마음

지난 포스팅에 이어서 이번에는 사각형 만드는 함수를 알아보려한다. 우선 지난번처럼 아래와 같이 초기 설정 미리 해주고, const canvas = document.querySelector("canvas"); const ctx = canvas.getContext("2d"); canvas.width = 800; canvas.height = 800; 변수 ctx를 호출해서 사용하겠다. 1️⃣ rect() rect(x좌표, y좌표, x길이, y길이) rect 함수는 사각형을 만들 때 사용한다. 파라미터로는 위와 같이 4개를 받는다. x좌표와 y좌표는 사각형을 그릴 첫 꼭짓점의 좌표를 지정한다. 그리고 x길이와 y길이는 위에서 지정한 좌표에서부터 가로 너비와 세로 너비를 얼마만큼 가질지를 지정한다. 예시) ctx..