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

×

JavaScript 参照

JavaScript

JS 文字列 JS 数 JS 演算子 JS ステートメント JS 数学 JS 日付 JS アレイ JS ブーリアン JS 正規表現 JS 全体的な状況 JS 変換

ブラウザ BOM

Window Navigator Screen History Location

HTML DOM

DOM 資料 DOM 要素 DOM 属性 DOM イベント DOM スタイル

HTML オブジェクト

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

その他のオブジェクト

CSSStyleDeclaration

HTML canvas rotate() Method

<Canvasオブジェクト

例

長方形20度回転：

JavaScriptを：

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rotate(20*Math.PI/180);
ctx.fillRect(50,20,100,50);

»それを自分で試してみてください

ブラウザのサポート

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

方法
rotate()	4.0	9.0	3.6	4.0	10.1

定義と使用法

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

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

JavaScriptシンタックス：	context 。 rotate( angle ) 。

パラメータ値

パラメーター	説明	それを再生します
angle	ラジアン単位の回転角度、。度からラジアンに計算するには： degrees にMath.PI / 180。例：5 にMath.PI / 180：5度回転させるには、次のように指定します	それを再生します»

<Canvasオブジェクト