티스토리 뷰

이름   rect()

예제 

rect(30, 20, 55, 55);



 

rect(30, 20, 55, 55, 7);




 

rect(30, 20, 55, 55, 3, 6, 12, 18);




설명

화면에 직사각형 하나를 그립니다. 직사각형은 모든 내각이 90도이고 네 변으로 둘러싸인 도형입니다. 기본적으로, 첫번째와 두번째 매개변수는 왼쪽 상단으로부터의 위치를 설정하며, 세번째 매개변수는 너비, 네번째 매개변수는 높이를 설정합니다. 그러나, 이 매개변수들이 해석되는 방식은 rectMode() 함수를 사용하여 변경할 수도 있습니다.

둥근 사각형을 그리기 위해서는, 모든 꼭짓점에 적용될 반지름으로 다섯번째 매개변수를 추가해야 합니다. 

각각의 꼭짓점마다 다른 반지름 값을 사용하고 싶다면, 여덟 개의 매개변수를 사용하십시오.
여덟 개의 매개변수를 사용할 때에는, 뒷부분 네개의 매개변수가 왼쪽 위부터 시계방향으로 사각형을 둘러싼 각 꼭짓점 호의 반지름을 설정합니다. 

문법

rect(a, b, c, d)
rect(a, b, c, d, r)
rect(a, b, c, d, tl, tr, br, bl)


매개변수

a	float: x-coordinate of the rectangle by default
b	float: y-coordinate of the rectangle by default
c	float: width of the rectangle by default
d	float: height of the rectangle by default
r	float: radii for all four corners
tl	float: radius for top-left corner
tr	float: radius for top-right corner
br	float: radius for bottom-right corner
bl	float: radius for bottom-left corner

반환

void

연관항목

rectMode()
quad()

댓글