예
, 경로를 시작 위치로 이동 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(); »그것을 자신을 시도 브라우저 지원
표의 수치는 완전히 방법을 지원하는 제 브라우저 버전을 지정.
| 방법 | |||||
|---|---|---|---|---|---|
| lineTo() | 예 | 9.0 | 예 | 예 | 예 |
정의 및 사용
lineTo() 메소드는 새로운 점을 추가하고 캔버스의 마지막 지정된 점에서 해당 지점에 선을 (이 방법은 선을 그어야하지 않습니다)을 작성합니다.
팁 : 사용 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();
»그것을 자신을 시도