HTML lienzo rotar () Método

❮ Referencia de lienzo HTML

Ejemplo

Gira el rectángulo 20 grados:

Su navegador no es compatible con HTML5canvastag.

JavaScript:

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.rotate(20 * Math.PI / 180);
ctx.fillRect(50, 20, 100, 50);

Compatibilidad con navegador

Los números en la tabla especifican la primera versión del navegador que soporta totalmente este método.

Method
rotate() Yes 9.0 Yes Yes Yes

Definición y uso

El método de rotación () rota el dibujo actual.

Nota: La rotación solo afectará a los dibujos realizados DESPUÉS de que se haya realizado la rotación.

Sintaxis de JavaScript: contexto .rotate( ángulo );

Valores paramétricos

Parameter Description Play it
angle The rotation angle, in radians.

To calculate from degrees to radians: degrees*Math.PI/180.
Example: to rotate 5 degrees, specify the following: 5*Math.PI/180

❮ Referencia de lienzo HTML