rect()

사각형을 그립니다.

사각형은 x, y, w, 그리고 h 매개변수로 정의된 네 변의 도형입니다. xy 는 왼쪽 위 모퉁이의 위치를 설정합니다. w 는 너비를 설정하고 h 는 높이를 설정합니다. 사각형의 각도는 모두 90˚입니다. 다른 사각형의 정의는rectMode() 를 참조하세요.

다섯 개의 매개변수를 사용하는 rect() 함수 버전은 둥근 사각형을 만듭니다. 다섯 번째 매개변수는 네 개의 코너에 대한 반지름을 설정합니다.

여덟 개의 매개변수를 사용하는 rect() 함수 버전도 함수 버전도 둥근 사각형을 만듭니다. 마지막 네 매개변수는 각 코너의 반지름을 설정합니다. 반지름은 왼쪽 위 모서리부터 사각형을 시계 방향으로 이동합니다. 이러한 매개변수 중 하나라도 생략되면, 이전에 설정된 마지막 반지름 값으로 설정됩니다.

예제

구문

rect(x, y, w, [h], [tl], [tr], [br], [bl])
rect(x, y, w, h, [detailX], [detailY])

매개변수

x
Number:

사각형의 x 좌표입니다.

y
Number:

사각형의 y 좌표입니다.

w
Number:

사각형의 너비입니다.

h
Number:

사각형의 높이입니다.

tl
Number:

왼쪽 상단 모서리의 반지름(선택 사항)입니다.

tr
Number:

오른쪽 상단 모서리의 반지름(선택 사항)입니다.

br
Number:

오른쪽 하단 모서리의 반지름(선택 사항)입니다.

bl
Number:

왼쪽 하단 모서리의 반지름(선택 사항)입니다.

detailX
Integer:

x 방향의 세그먼트 수(WebGL 모드용).

detailY
Integer:

y 방향의 세그먼트 수(WebGL 모드용).

Notice any errors or typos? Please let us know. Please feel free to edit src/core/shape/2d_primitives.js and open a pull request!

관련 레퍼런스