HTML 캔버스하기 beginPath () 메소드
예
캔버스에 두 개의 경로를 그리기, 녹색과 보라색 :
자바 스크립트 :
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
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
»시도
브라우저 지원
인터넷 익스플로러 9, 파이어 폭스, 오페라, 크롬과 사파리 지원하기 beginPath () 메소드.
참고 : 인터넷 익스플로러 8 이전 버전의 <캔버스> 요소를 지원하지 않습니다.
정의 및 사용
하기 beginPath () 메서드는 경로를 시작하거나 현재 경로를 재설정합니다.
팁 : 경로를 만들려면 다음 방법을 사용의 moveTo ()에 lineTo (), quadricCurveTo (), 후에 bezierCurveTo (), arcTo () 및 아크 ().
팁 : 사용 스트로크 () 캔버스에 정확한 경로를 그리는 방법을.
| 자바 스크립트 구문 : | 컨텍스트 .beginPath (); |
|---|
HTML 캔버스 참조 설명서