예
, 경로 시작 0,0 위치로 이동합니다. 300150 위치하는 라인을 만들기 :
자바 스크립트 :
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke(); »그것을 자신을 시도 브라우저 지원
테이블의 숫자는 완전히 방법을 지원하는 최초의 브라우저 버전을 지정합니다.
| 방법 | |||||
|---|---|---|---|---|---|
| lineTo() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
정의 및 사용
lineTo() 메소드는 새로운 점을 추가하고 캔버스의 마지막 지정된 점에 그 시점에서의 선을 작성합니다 (this method does not draw the line) .
Tip: 사용 stroke() 실제로 캔버스에 경로를 그리는 방법.
| 자바 스크립트 구문 : | context . 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();
»그것을 자신을 시도 <캔버스 개체