예
캔버스에 두 개의 경로를 그리기; 녹색 하나는 보라색 :
자바 스크립트 :
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() | 예 | 9.0 | 예 | 예 | 예 |
정의 및 사용
beginPath() 메서드는 경로를 시작하거나 현재 경로를 재설정합니다.
팁 : 사용 moveTo(), lineTo(), quadricCurveTo(), bezierCurveTo(), arcTo() 및 arc() , 경로를 만들 수 있습니다.
팁 : 사용 stroke() 실제로 캔버스에 경로를 그리는 방법을.
| 자바 스크립트 구문 : | context.beginPath(); |
|---|