Canvas stroke() 메서드
정의와 사용법
stroke() 메서드는 정의된 경로를 실제로 그립니다. moveTo() 와 lineTo() 메서드로 정의된 경로를 그립니다. 기본 색상은 검정입니다.
안내:이렇게 사용하세요: strokeStyle 또는 다른 색상/단서를 그리기 위한 속성.
예제
녹색 글자 L 모양의 경로를 그려보세요:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.strokeStyle="green";
ctx.stroke();
문법
context.stroke();
브라우저 지원
표에서의 숫자는 이 속성을 최초로 완전 지원하는 브라우저 버전을 나타냅니다.
| 크롬 | 에지 | 파이어폭스 | 사파리 | 오페라 |
|---|---|---|---|---|
| 크롬 | 에지 | 파이어폭스 | 사파리 | 오페라 |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
주의:Internet Explorer 8 및 이전 버전은 <canvas> 요소를 지원하지 않습니다.
