Canvas moveTo() 메서드

Canvas 참조 설명서

정의와 사용법

moveTo() 경로를 지정된 점으로 이동시키고 선을 생성하지 않습니다.

안내:사용 방법: stroke() 화면에 정확한 경로를 그리는 메서드

인스턴스

경로를 시작하고 위치 0,0에 이동하여 위치 300,150까지의 선을 만듭니다：

당신의 브라우저는 HTML5 canvas 태그를 지원하지 않습니다.

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> 요소를 지원하지 않습니다.

Canvas 참조 설명서