사각형(네 변의 도형)을 그립니다.
사각형에는 직사각형, 정사각형, 마름모, 사다리꼴이 포함됩니다. 첫 번째 쌍의 매개변수 (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!