Javascript метод rotate()

Метод rotate() позволяет поворачивать текущий графический объект.

Примечание: Чтобы графический объект был повернут, метод rotate() необходимо применить до того, как объект будет нарисован.

JavaScript синтаксис:context.rotate(угол);

Значения параметров

ПараметрОписание
уголУгол поворота в радианах. Чтобы пересчитать градусы в радианы, следует воспользоваться следующей формулой: градусы*Math.PI/180. Например: чтобы повернуть на 5 градусов, проведем следующее вычисление: 5*Math.PI/180

Пример использования

Повернем прямоугольник на 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);