Derniers tutoriels de développement web
 

HTML canvas rotate() Method

<Canvas objet

Exemple

Faites tourner les 20 degrés rectangle:

YourbrowserdoesnotsupporttheHTML5canvastag.

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