text()

캔버스에 텍스트를 그립니다.

첫 번째 매개변수 str은 그려질 텍스트입니다. 두 번째와 세 번째 매개변수인 xy는 텍스트 좌하단의 좌표를 설정합니다. 텍스트를 정렬하는 다른 방법은 textAlign()을(를) 참조하십시오.

네 번째와 다섯 번째 매개변수 maxWidthmaxHeight는 선택 사항입니다. 이들은 텍스트를 포함하는 보이지 않는 직사각형의 면적을 설정합니다. 기본적으로 이들은 최대 너비와 높이를 설정합니다. 직사각형 텍스트 상자를 정의하는 다른 방법은 rectMode()를(을) 참조하십시오. 텍스트는 텍스트 상자 내에 맞추어 줄바꿈됩니다. 텍스트 상자를 벗어나는 텍스트는 그려지지 않습니다.

텍스트는 몇 가지 방법으로 스타일을 지정할 수 있습니다. fill() 함수를 호출하여 텍스트의 채우기 색상을 설정합니다. stroke()strokeWeight()를 호출하여 텍스트의 외곽선을 설정합니다. textSize()textFont()를 호출하여 텍스트의 크기와 글꼴을 설정합니다.

참고: WEBGL 모드는 loadFont()로 불러온 글꼴만 지원합니다. WEBGL 모드에서 stroke()를 호출하면 효과가 없습니다.

예제

구문

text(str, x, y, [maxWidth], [maxHeight])

매개변수

str
String|Object|Array|Number|Boolean:

표시할 텍스트.

x
Number:

텍스트 상자의 x 좌표.

y
Number:

텍스트 상자의 y 좌표.

maxWidth
Number:

텍스트 상자의 최대 너비. 다른 옵션은 rectMode()를 참조하십시오.

maxHeight
Number:

텍스트 상자의 최대 높이. 다른 옵션은 rectMode()를 참조하십시오.

Notice any errors or typos? Please let us know. Please feel free to edit src/typography/loading_displaying.js and open a pull request!

관련 레퍼런스