p5.js 텍스트 그리기 text( )

• 화면에 텍스트 그리기

---

[문법]

1) text(str, x, y, [x2], [y2] )

• str : 표시할 문자
• x : 텍스트의 x좌표값
• y : 텍스트의 y좌표값
• x2 : 텍스트 상자의 너비
• y2 : 텍스트 상자의 높이

 

2) textAlign( )

• 함수의 매개변수에 따라 좌표를 기준으로 좌,우,가운데에 텍스트를 그릴 수 있음

 

 

3) textFont( )

• 함수로 별도 폰트를 지정하지 않을 경우 기본 폰트가 사용됨

 

4) textSize( )

• 함수로 별도 글자 크기를 지정하기 않을 경우 기본 글자 크기가 사용됨

 

5) fill( )

• 함수로 텍스트 색상 변경 가능

 

6) stroke( ), strokeWeight( )

• 함수로 텍스트 윤곽선 변경 가능

 

---

 

 

예제 1> text( )

 

 

 

예제 2> text( ), textSize( ), fill( ), stroke( ), strokeWight( )

 

 

---

 

p5.js 캔버스에 텍스트 그리기 text( )