예
캔버스에 두 개의 경로를 그리기; 녹색 하나는 보라색 :
자바 스크립트 :
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineWidth="5";
ctx.strokeStyle="green"; // Green path
ctx.moveTo(0,75);
ctx.lineTo(250,75);
ctx.stroke(); // Draw it
ctx.beginPath();
ctx.strokeStyle="purple"; // Purple path
ctx.moveTo(50,0);
ctx.lineTo(150,130);
ctx.stroke(); // Draw it »그것을 자신을 시도 브라우저 지원
테이블의 숫자는 완전히 방법을 지원하는 최초의 브라우저 버전을 지정합니다.
| 방법 | |||||
|---|---|---|---|---|---|
| beginPath() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
정의 및 사용
beginPath() 메소드는 경로를 시작하거나 전류 경로를 리셋한다.
Tip: 사용 moveTo() , lineTo() , quadricCurveTo() , bezierCurveTo() , arcTo() 및 arc() , 경로를 만들 수 있습니다.
Tip: 사용 stroke() 실제로 캔버스에 경로를 그리는 방법.
| 자바 스크립트 구문 : | context . beginPath() ; |
|---|
<캔버스 개체