最新のWeb開発のチュートリアル
 

HTML canvas rotate() Method

<HTMLキャンバスリファレンス

長方形20度回転:

YourbrowserdoesnotsupporttheHTML5canvastag。

JavaScriptを:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rotate(20*Math.PI/180);
ctx.fillRect(50,20,100,50);
»それを自分で試してみてください

ブラウザのサポート

表中の数字は完全に方法をサポートする最初のブラウザのバージョンを指定します。

方法
rotate() はい 9.0 はい はい はい

定義と使用法

rotate()メソッドは、現在の図面を回転させます。

注:回転は回転のみが行われた後に行われた図面に影響を与えます。

JavaScriptシンタックス: context.rotate( angle );

パラメーター値

パラメーター 説明 それを再生します
angle ラジアン単位の回転角度、。

* Math.PIという/ 180:度からラジアンに計算します。
例:5 * Math.PIという/ 180:5度回転するには、次のように指定します
それを再生します»

<HTMLキャンバスリファレンス