HTML canvas rotate()Метод

HTML canvas 参考手册Справочное руководство по HTML canvas

Пример

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

Попробуйте сами »

Поддержка браузеров

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome и Safari поддерживают метод rotate().

Примечание:Internet Explorer 8 и более ранние версии не поддерживают элемент <canvas>.

Определение и использование

Метод rotate() поворачивает текущий рисунок.

Примечание:Поворот влияет только на рисунки, созданные после завершения поворота.

Синтаксис JavaScript: context.rotate(angle);

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

Параметр Описание
angle Угол поворота в радианах.

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

HTML canvas 参考手册Справочное руководство по HTML canvas Другие расширения