Méthode HTML canvas rotate()
Définition et utilisation
rotate() Méthode pour faire pivoter le dessin actuel.
Exemple
Tourner le rectangle de 20 degrés :
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rotate(20 * Math.PI / 180);
ctx.fillRect(50,20,100,50);
Syntaxe
context.rotate(angle);
Valeur du paramètre
| Paramètres | Description |
|---|---|
| angle |
Angle de rotation, en radians. Pour convertir un angle en radians, utilisez la formule degrees * Math.PI / 180 pour le calcul. Exemple : Pour tourner de 5 degrés, vous pouvez spécifier la formule suivante : 5 * Math.PI / 180. |
Prise en charge 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 :Internet Explorer 8 et les versions antérieures ne prennent pas en charge l'élément <canvas>.
