line()

두 점 사이에 직선을 그립니다.

한 개의 직선 기본 너비는 하나의 픽셀입니다. 네 개의 매개 변수를 사용하는 line() 의 버전은 2D로 선을 그립니다. 선의 색상을 지정하려면, stroke() 함수를 사용하세요. 선의 두께를 변경하려면, strokeWeight() 함수를 사용하세요. 선은 채울 수 없기에, fill() 함수는 선의 색상에 영향을 주지 않습니다.

여섯 개의 매개 변수를 사용하는 line() 의 버전은 3D 공간에서 선을 그릴 수 있습니다. 이것을 시도해보기 위해선 WEBGL 인수를 createCanvas()에 추가해야 합니다.

예제

구문

line(x1, y1, x2, y2)
line(x1, y1, z1, x2, y2, z2)

매개변수

x1
Number:

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

y1
Number:

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

x2
Number:

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

y2
Number:

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

z1
Number:

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

z2
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!

관련 레퍼런스