예
문자 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.closePath();
ctx.stroke(); »그것을 자신을 시도 브라우저 지원
표의 수치는 완전히 방법을 지원하는 제 브라우저 버전을 지정.
| 방법 | |||||
|---|---|---|---|---|---|
| closePath() | 예 | 9.0 | 예 | 예 | 예 |
정의 및 사용
closePath() 메소드는 다시 출발점 현재 지점에서 경로를 만듭니다.
팁 : 사용 stroke() 실제로 캔버스에 경로를 그리는 방법을.
팁 : 사용 fill() (블랙 기본값) 도면을 작성하는 방법을.사용 fillStyle 다른 색상 / 그라데이션 채우기 위해 속성을.
| 자바 스크립트 구문 : | context.closePath(); |
|---|
더 예
예
채우기 색으로 빨간색 사용
자바 스크립트 :
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.closePath();
ctx.stroke();
ctx.fillStyle="red";
ctx.fill();
»그것을 자신을 시도