rectMode()

직사각형과 정사각형이 그려지는 위치를 변경합니다.

기본적으로, rect() 와 square(), 의 첫 번째 두 매개변수는 도형의 중심의 x축 및 y축 좌표입니다. 다음 매개변수는 도형의 너비와 높이를 설정합니다. 이는rectMode(CORNER)를 호출하는 것과 같습니다.

rectMode(CORNERS) 는 첫 번째 두 매개변수를 한 모서리의 위치로 사용합니다. 첫 번째 두 매개변수를 한 모서리의 위치로 사용합니다. 다음 매개변수는 반대 모서리의 위치입니다. 이 모드는rect()에서만 작동합니다.

rectMode(CENTER) 는 는 첫 번째 두 매개변수를 도형의 중심의 x축 및 y축 좌표로 사용합니다. 다음 매개변수는 너비와 높이입니다.

rectMode(RADIUS) 는 는 첫 번째 두 매개변수를 도형의 중심의 x축 및 y축 좌표로 사용합니다. 다음 매개변수는 도형의 너비와 높이의 반입니다.

rectMode() 에 전달된 인수는 모두 대문자로 작성되어야 합니다. 왜냐하면 상수(constants) CENTER, RADIUS, CORNER, 그리고 CORNERS 가 이렇게 정의되기 때문입니다. JavaScript는 대소문자를 구분하는 언어입니다.