최신 웹 개발 튜토리얼
 

HTML canvas rotate() Method

<캔버스 개체

사각형 20도 회전 :

YourbrowserdoesnotsupporttheHTML5canvastag.

자바 스크립트 :

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rotate(20*Math.PI/180);
ctx.fillRect(50,20,100,50);
»그것을 자신을 시도

브라우저 지원

테이블의 숫자는 완전히 방법을 지원하는 최초의 브라우저 버전을 지정합니다.

방법
rotate() 4.0 9.0 3.6 4.0 10.1

정의 및 사용

rotate() 메소드는 현재 도면을 회전시킨다.

Note: 회전은 회전이 완료되면 제작 도면에 영향을 미칠 것입니다.

자바 스크립트 구문 : context . rotate( angle ) ;

매개 변수 값

매개 변수 기술 플레이
angle 라디안의 회전 각도.

도에서 라디안으로 계산하기 : degrees * 인 Math.PI / 180.
실시 예 5 * 인 Math.PI / 180 : 5도 회전은 다음을 지정
»플레이

<캔버스 개체