CanvasRenderingContext2D.rotate()

CanvasRenderingContext2D.rotate() - обертає матрицю.

Синтаксис:

ctx.rotate( angle );

Параметри:

ctx - об'єкт CanvasRenderingContext2D.

angle - кут пороту матриці в радіанах.

Опис:

rotate() метод об'єкту CanvasRenderingContext2D який обертає за вказаним кутом матрицю полотна canvas.

Кут обертання вказується у радіанах і обертає за годиниковою стрілкою.

Приклад:

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");

ctx.fillRect(0,0,100,100);
ctx.rotate( 35 * Math.PI / 180 );
ctx.fillStyle="red";
ctx.fillRect(90,-30,60,60);
ctx.fillStyle="blue";
ctx.fillRect(50, 10, 45, 45);

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");

ctx.rotate(0.7853981633974483);  //45 градусіа
ctx.fillStyle="#ae00ff";
ctx.fillRect(30, 5, 90, 25);