HTML canvas rotate() 메서드
定义和用法
rotate()
旋转当前绘图的方法。
实例
将矩形旋转20度:
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> 요소를 지원하지 않습니다.