HTML 캔버스 moveTo() 메서드
정의와 사용법
moveTo() 메서드는 경로를 캔버스에서 지정된 점으로 이동시키지만 선을 생성하지 않습니다.
훈련사용하십시오 stroke() 캔버스에서 정확한 경로를 그리는 메서드.
예제
경로를 시작하고, 위치 0,0으로 이동합니다. 위치 300,150으로 이동하는 선을 생성합니다：
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();
문법
context.moveTo(x,y);
파라미터 값
| 파라미터 | 설명 |
|---|---|
| x | 경로의 목표 위치의 x 좌표 |
| y | 경로의 목표 위치의 y 좌표 |
브라우저 지원
표의 숫자는 이 특성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
주의사항:Internet Explorer 8 및 이전 버전은 <canvas> 요소를 지원하지 않습니다.
