Exemple
Faites tourner les 20 degrés rectangle:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rotate(20*Math.PI/180);
ctx.fillRect(50,20,100,50);
Essayez vous - même » Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge pleinement la méthode.
méthode | |||||
---|---|---|---|---|---|
rotate() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Définition et utilisation
La rotate() méthode fait tourner le dessin courant.
Note: La rotation n'affectera dessins effectués après la rotation se fait.
syntaxe JavaScript: | context . rotate( angle ) ; |
---|
Les valeurs des paramètres
Paramètre | La description | Joue-le |
---|---|---|
angle | L'angle de rotation, en radians. Pour calculer de degrés en radians: degrees * Math.PI. / 180. Exemple: pour faire tourner 5 degrés de préciser ce qui suit: 5 * Math.PI / 180 | Joue-le " |
<Canvas objet