strokeText 메서드
strokeText 메서드는 canvas에 텍스트의 윤곽선을
그립니다. 첫 번째 매개변수로 그릴 텍스트를,
두 번째와 세 번째로는 canvas 상의 해당 텍스트의 좌표를
받습니다. 크기와 글꼴 유형은 font
속성을 사용하여 설정합니다.
구문
context.strokeRect(text, x, y);
예제
strokeRect를 사용하여 텍스트 윤곽선을 그리고,
크기를 30px, 유형을 Arial로 설정해 봅시다:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.font = '30px Arial';
ctx.strokeText('Hello world', 30, 50);
:
