HTML 캔버스 stroke() 메서드
예시
빨간색으로 문자 L 모양의 경로를 그립니다.
자바스크립트:
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 = "red";
ctx.stroke();
브라우저 지원
표의 숫자는 이 방법을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Method | |||||
---|---|---|---|---|---|
stroke() | Yes | 9.0 | Yes | Yes | Yes |
정의 및 사용
stroke() 메서드는 실제로 모든 moveTo() 및 lineTo() 메서드로 정의한 경로를 그립니다. 기본 색상은 검정색입니다.
팁: 다른 색상/그라디언트로 그리 려면 strokeStyle 속성을 사용하십시오.
자바스크립트 구문: | 컨텍스트 .획(); |
---|
❮ HTML 캔버스 참조