Méthode rotate()du canvas HTML

HTML canvas 参考手册Manuel de référence HTML canvas

Exemple

Faire pivoter le rectangle de 20 degrés :

Votre navigateur ne prend pas en charge la balise canvas HTML5.

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 »

Prise en charge des navigateurs

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome et Safari prennent en charge la méthode rotate().

Remarque :Internet Explorer 8 et les versions antérieures ne prennent pas en charge l'élément <canvas>.

Définition et utilisation

La méthode rotate() fait pivoter le dessin actuel.

Remarque :La rotation n'affecte que les dessins réalisés après la fin de la rotation.

Syntaxe JavaScript : context.rotate(angle);

Valeurs des paramètres

Paramètre Description
angle L'angle de rotation, en radians.

Pour convertir des degrés en radians, utilisez la formuledegrees*Math.PI/180 pour le calcul.
Exemple : Pour effectuer une rotation de 5 degrés, spécifiez la formule suivante : 5*Math.PI/180.

HTML canvas 参考手册Manuel de référence HTML canvas Autres extensions