사각형을 그립니다.
사각형은 x
, y
, w
, 그리고 h
매개변수로 정의된 네 변의 도형입니다. x
와 y
는 왼쪽 위 모퉁이의 위치를 설정합니다. 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!