HTML5 캔버스 fillText()

1 개요

HTML5 캔버스 fillText()

• 텍스트를 출력하는 캔버스 함수

객체.fillText( "텍스트", X좌표, Y좌표 );

2 예시

<canvas id='my_canvas' width='200', height='100'></canvas>
<script>
var ctx = document.getElementById('my_canvas').getContext('2d');

ctx.fillStyle = 'blue';
ctx.font = "20px 'Arial Black', sans-serif";
ctx.fillText( "Hello", 13, 30 );
</script>

3 같이 보기

• 캔버스 HTML5 로고 그리기

4 참고

• http://www.w3schools.com/tags/canvas_filltext.asp