Latest web development tutorials

HTMLキャンバスの回転（）メソッド

HTMLキャンバスリファレンスマニュアル 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);

»をお試しください

ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9の、Firefoxの、オペラ、ChromeとSafariのサポート回転（）メソッド。

注：のInternet Explorer 8およびそれ以前のバージョンでは、<キャンバス>要素をサポートしていません。

定義と使用法

現在の図面を回転させるために（）メソッドを回転させます。

注：回転は回転のみの完了後に描画に影響を与えるであろう。

JavaScriptシンタックス： コンテキスト .rotate（角度）。

パラメータ値

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

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

HTMLキャンバスリファレンスマニュアル HTMLキャンバスリファレンスマニュアル