CLOSE SEARCH

Canvas on HTML5 – Text

텍스트를 출력하는 예제

 

Canvas 에서는 속이 채워진 텍스트를 출력하거나 외곽선 텍스트를 출력할 수도 있다. 그리고 이전에 설정된 fillStyle이나 strokeStyle의 영향을 받는다.

텍스트 정렬에 사용할 수 있는 값들은 아래와 같다.

  • textAlign : left / start, center, right / end
  • textBaseline : top, middle, bottom, hanging, alphabetic, ideographic

그리고 maxWidth 속성을 지정하면 전체 텍스트가 설정한 너비내에서 축소/확대되어 출력된다.

Filed under: Web