矩形を 20 度回転します:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rotate(20*Math.PI/180);
ctx.fillRect(50,20,100,50);
Try it Yourself ❯
表中の数字は、メソッドを完全にサポートした最初のブラウザ・バージョンを指定しています。
メソッド | |||||
---|---|---|---|---|---|
rotate() | Yes | 9.0 | Yes | Yes | Yes |
rotate() メソッドは、現在の図形を回転します。
注: 回転は、回転が行われた後に作られた図形にのみ影響を与えます。
JavaScript 構文: | context.rotate(angle); |
---|
パラメータ | 説明 | Play it |
---|---|---|
angle | 回転角度(ラジアン単位)。 度数からラジアンへの計算: degrees*Math.PI/180. 例:5 度回転するには、次のように指定します: 5*Math.PI/180 |
Play it ❯ |