HTML 캔버스에 lineTo () 메소드
예
위치 0,0에 경로를 시작합니다. (300), (150)는 라인을 만들 수있는 위치에 도달 :
자바 스크립트 :
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();
»시도
브라우저 지원
인터넷 익스플로러 9, 파이어 폭스, 오페라, 크롬과 사파리 지원에 lineTo () 메소드.
참고 : 인터넷 익스플로러 8 이전 버전의 <캔버스> 요소를 지원하지 않습니다.
정의 및 사용
에 lineTo () 메서드는 새 점을 추가 한 다음 (이 방법은 선을 작성하지 않습니다) 마지막 지정된 점의 캔버스에 그 시점에서 라인을 만들 수 있습니다.
팁 : 사용 스트로크 () 캔버스에 정확한 경로를 그리는 방법을.
자바 스크립트 구문 : | 컨텍스트.lineTo (X, Y); |
---|
매개 변수 값
参数 | 描述 |
---|---|
x | 路径的目标位置的 x 坐标。 |
y | 路径的目标位置的 y 坐标。 |
더 많은 예제
예
경로 도형을 그리하면 편지 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.stroke();
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.stroke();
»시도
HTML 캔버스 참조 설명서