quad()

사각형(네 변의 도형)을 그립니다.

사각형에는 직사각형, 정사각형, 마름모, 사다리꼴이 포함됩니다. 첫 번째 쌍의 매개변수 (x1, y1) 은 사각형의 첫 번째 점을 설정합니다. 다음 세 쌍의 매개변수는 다음 세 점의 좌표를 설정합니다. (x2, y2), (x3, y3), 그리고 (x4, y4). 점은 시계 방향 또는 반시계 방향으로 추가되어야 합니다.

열 두 개의 매개변수를 사용하는 quad() 함수 버전을 사용하면 사각형을 3D 공간에 그릴 수 있습니다. 이것을 진행하기 위해, WEBGL 인수를 createCanvas()에 추가해야 합니다.

열 세 번째와 열 네 번째 매개변수는 선택 사항입니다. WebGL 모드에서 이들이 x축 방향과 y축 방향으로 사각형을 그리는 데 사용되는 세그먼트 수를 설정합니다. 기본값은 모두 25입니다.

예제

구문

quad(x1, y1, x2, y2, x3, y3, x4, y4, [detailX], [detailY])
quad(x1, y1, z1, x2, y2, z2, x3, y3, z3, x4, y4, z4, [detailX], [detailY])

매개변수

x1
Number:

첫 번째 점의 x 좌표입니다.

y1
Number:

첫 번째 점의 y 좌표입니다.

x2
Number:

두 번째 점의 x 좌표입니다.

y2
Number:

두 번째 점의 y 좌표입니다.

x3
Number:

세 번째 점의 x 좌표입니다.

y3
Number:

세 번째 점의 y 좌표입니다.

x4
Number:

네 번째 점의 x 좌표입니다.

y4
Number:

네 번째 점의 y 좌표입니다.

detailX
Integer:

x 방향의 세그먼트 수입니다.

detailY
Integer:

y 방향의 세그먼트 수입니다.

z1
Number:

첫 번째 점의 z 좌표입니다.

z2
Number:

두 번째 점의 z 좌표입니다.

z3
Number:

세 번째 점의 z 좌표입니다.

z4
Number:

네 번째 점의 z 좌표입니다.

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!

관련 레퍼런스