Latest web development tutorials

méthode canvas HTML de rotation ()

HTML Manuel toile de référence HTML Manuel toile de référence

Exemples

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 »

support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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


Définition et utilisation

tourner () pour faire tourner le dessin courant.

Remarque: La rotation affectera que le dessin après l'achèvement de la rotation.

Syntaxe JavaScript: contexte .rotate (angle);

Paramètre Valeur

参数 描述
angle 旋转角度,以弧度计。

如需将角度转换为弧度,请使用degrees*Math.PI/180 公式进行计算。
实例:如需旋转 5 度,可规定下面的公式:5*Math.PI/180。


HTML Manuel toile de référence HTML Manuel toile de référence