Canvas rotate() 메서드

Canvas 참조 설명서

정의와 사용법

rotate() 현재 그리기를 회전시키는 메서드

예제

사각형을 20도 회전시키기:

브라우저에서 HTML5 canvas 태그를 지원하지 않습니다.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rotate(20 * Math.PI / 180);
ctx.fillRect(50,20,100,50);

자신이 직접 시도해 보세요

문법

context.rotate(angle);

파라미터 값

파라미터 설명
angle

회전 각도(각도는弧도로 계산)

각도를弧度로 변환하려면 degrees * Math.PI / 180 공식을 사용하여 계산하십시오.

예제: 5도를 회전하려면 다음 공식을 사용할 수 있습니다: 5 * Math.PI / 180.

브라우저 지원

표에서 숫자는 해당 속성을 최초로 완전히 지원한 브라우저 버전을 나타냅니다.

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 참조 설명서