Méthode rotate()
Exemple
Faire pivoter le rectangle de 20 degrés :
JavaScript :
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.rotate(20 * Math.PI / 180);
ctx.fillRect(50, 20, 100, 50); Description
La méthode rotate() fait pivoter le contexte.
Remarque
La rotation affectera les dessins effectués APRÈS l'appel de la méthode de rotation.
Voir aussi :
La méthode scale() (Mettre à l'échelle le contexte)
La méthode translate() (Remapper la position 0,0)
La méthode transform() (Mettre à l'échelle, faire pivoter, déplacer, incliner le contexte)
La méthode setTransform() (Mettre à l'échelle, faire pivoter, déplacer, incliner le contexte).
Syntaxe
| context .rotate( angle ) |
Valeurs des paramètres
| Param | Description | Jouez-le |
|---|---|---|
| angle | L'angle de rotation en radians Radians = degrés*Math.PI/180. Pour faire pivoter de 5 degrés : 5*Math.PI/180 |
Valeur de retour
| AUCUN |
Support des navigateurs
L'élément <canvas> est une norme HTML5 (2014).
rotate() est pris en charge dans tous les navigateurs modernes :
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Oui | Oui | Oui | Oui | Oui | 9-11 |