Guide de référence HTML

Tous les étiquettes HTML

Méthode rotate() de canvas HTML

rotate() est une méthode de Canvas 2L'API D ajoute la méthode de rotation dans la matrice de transformation. La variable d'angle représente un angle de rotation dans le sens des aiguilles d'une montre et est exprimée en radians.

Manuel de référence pour HTML canvas

Exemple en ligne

Tourner le carré 30 degrés :

Exemple

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Utilisation de la méthode rotate() de canvas HTML-Tutoriel de base (oldtoolbag.com)</<title>
</<head>
<body>
<canvas id="myCanvas" width="3" hauteur="15" style="border:1px solide #d3d3d3">
Votre navigateur ne prend pas en charge HTML5　canvas étiquette.
</canvas>
<script>
var c = document.getElementById("myCanvas");
var　ctx=c.getContext("2d");
ctx.rotate(10*Math.PI/180);
ctx.fillRect(50,50,100,100);
</script>
</body>
</html>

Vérifiez et voyez si ça marche ‹/›

Compatibilité du navigateur

IEFirefoxOperaChromeSafari

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

Attention :Internet Explorer 8 et les versions précédentes ne prennent pas en charge l'élément <canvas>.

Définition et utilisation

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

Attention :La rotation ne affecte que les dessins créés après la rotation.

Syntaxe JavaScript :	context.rotate(angle);

Valeur des paramètres

Paramètres	Description
angle	Angle de rotation, en radians. Pour convertir les degrés en radians, utiliser degreesMath.PI/180 formule pour effectuer le calcul. Exemple : pour faire pivoter 5 degrés, on peut définir la formule suivante :5Math.PI/180。

Manuel de référence pour HTML canvas

HTML: <template> balise