Méthode Canvas rotate()

Définition et utilisation

rotate() Méthode pour faire pivoter le dessin courant.

Exemple

Tournez le rectangle de 20 degrés :

Votre navigateur ne prend pas en charge la balise canvas HTML5.

JavaScript:

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

Essayez-le vous-même

Syntaxe

context.rotate(angle);

Valeur du paramètre

Paramètre Description
angle

Angle de rotation, en radians.

Pour convertir un angle en radians, utilisez l'expression degrees * Math.PI / 180 pour calculer.

Exemple : Pour tourner de 5 degrés, vous pouvez utiliser la formule suivante : 5 * Math.PI / 180.

Support du navigateur

Les numéros dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Remarque :Les versions 8 et antérieures d'Internet Explorer ne prennent pas en charge l'élément <canvas>.