Derniers tutoriels de développement web
 

HTML canvas rotate() Method

<HTML Canvas Référence

Exemple

Faites pivoter le rectangle de 20 degrés:

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 - le vous - même »

support du navigateur

Les chiffres du tableau indiquent la première version du navigateur qui soutient pleinement la méthode.

méthode
rotate() Oui 9.0 Oui Oui Oui

Définition et utilisation

La rotate() méthode tourne le dessin courant.

Remarque: La rotation n'affectera dessins réalisés après la rotation se fait.

Syntaxe JavaScript: context.rotate( angle );

Paramètre valeurs

Paramètre La description Joue-le
angle L'angle de rotation, en radians.

Pour calculer de degrés en radians:degrés* Math.PI / 180.
Exemple: pour faire tourner 5 degrés, préciser ce qui suit: 5 * Math.PI / 180
Joue-le "

<HTML Canvas Référence