예
문자 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() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
정의 및 사용
closePath() 메소드는 다시 시작점 현재 포인트로부터 경로를 생성한다.
Tip: 사용 stroke() 실제로 캔버스에 경로를 그리는 방법.
Tip: 사용 fill() 도면을 채울 방법 (black is default) . 사용 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();
»그것을 자신을 시도 <캔버스 개체