English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
rotate()는 Canvas 2D API는 변환 행렬에 회전 메서드를 추가했습니다. 각도 변수는 시계 방향 회전 각도를 나타내며弧도로 표현됩니다。
정方形을 회전 30도:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML canvas rotate() 메서드 사용-기본 튜토리얼(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.rotate(10*Math.PI/180);
ctx.fillRect(50,50,100,100);
</script>
</body>
</html>테스트해 보세요 ‹/›IEFirefoxOperaChromeSafari
Internet Explorer 9Firefox, Opera, Chrome 및 Safari가 rotate()를 지원합니다. 메서드.
주의:Internet Explorer 8 이전 버전은 <canvas> 요소를 지원하지 않습니다.
rotate() 메서드는 현재 그리기를 회전합니다.
주의:회전은 회전이 완료된 후 만들어진 도면에 영향을 줍니다.
| JavaScript 문법: | context.rotate(angle); |
|---|
| 매개변수 | 설명 |
|---|---|
| angle | 회전 각도(라디안) 각도를 라디안으로 변환하려면, 다음을 사용하십시오: degrees*Math.PI/180 공식을 사용하여 계산합니다. 예제: 회전하려면 5 도, 다음 공식을 정의할 수 있습니다:5*Math.PI/180. |