HTML 참조 매뉴얼

HTML 태그 전체

HTML canvas moveTo() 메서드

moveTo()는 Canvas 2D API는 새로운 서브 경로의 시작점을 (x, y) 좌표로 이동시키는 메서드입니다.

온라인 예제

하나의 경로를 시작하고, 위치 0,0으로 이동합니다. 위치로 이동하는 300,150 의 선:

예제

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8>
<title>HTML canvas moveTo() 메서드 사용-기본 가이드(oldtoolbag.com)</<title>
</<head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3>
귀하의 브라우저는 HTML을5　canvas 태그.
</canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();
</script>
</body>
</html>

테스트를 보세요. ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

Internet Explorer 9Firefox, Opera, Chrome, Safari 및 Safari가 moveTo()를 지원합니다. 메서드.

주의:Internet Explorer 8 이전 버전은 <canvas> 요소를 지원하지 않습니다.

정의와 사용법

moveTo() 메서드는 경로를 캔버스의 지정된 점으로 이동시키지만 선을 생성하지 않습니다.

ヒント:사용하십시오: stroke() 캔버스 위에 정확한 경로를 그리는 메서드.

JavaScript 문법:	context.moveTo(x,y);

파라미터 값

파라미터	설명
x	경로의 목표 위치의 x 좌표.
y	경로의 목표 위치의 y 좌표.

HTML canvas 참조 가이드

HTML: <template> 태그