CanvasRenderingContext2D.rotate()

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

Синтаксис:

ctx.rotate( angle );

Параметри:

ctx - об'єкт CanvasRenderingContext2D.

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

Опис:

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

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

Приклад:

Ваш браузер не підтримує 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);