DOMMatrix: rotateSelf() メソッド
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2020年1月以降、すべてのブラウザーで利用可能です。
メモ: この機能はウェブワーカー内で利用可能です。
rotateSelf() は DOMMatrix インターフェイスのメソッドで、行列に変更を行う座標変換メソッドです。ソース行列をそれぞれの軸を中心に指定された角度だけ回転させ、回転後の行列を返します。
変更せずに行列を回転させるには、DOMMatrixReadOnly.rotate() を参照してください。
構文
js
rotateSelf()
rotateSelf(rotX)
rotateSelf(rotX, rotY)
rotateSelf(rotX, rotY, rotZ)
引数
引数が 1 つだけ渡された場合、rotZ は rotX の値となり、rotX と rotY は両方とも 0 で、回転は二次元回転となります。rotX と rotY が 0 以外の場合、is2D は false です。
返値
自分自身を返します。指定されたベクトルで回転された DOMMatrix です。
例
js
const matrix = new DOMMatrix(); // 行列を作成
console.log(matrix.toString()); // 出力: "matrix(1, 0, 0, 1, 0, 0)"
matrix.rotateSelf(30); // 変更する
console.log(matrix); // 出力: "matrix(0.866, 0.5, -0.5, 0.866, 0, 0)"
仕様書
| 仕様書 |
|---|
| Geometry Interfaces Module Level 1 # dom-dommatrix-rotateself |
ブラウザーの互換性
関連情報
DOMMatrixReadOnly.rotate()- CSS の
transformプロパティ - CSS の
rotateプロパティ - CSS の
<transform-function>関数 - CSS 座標変換モジュール
- SVG の
transform属性 CanvasRenderingContext2Dインスタンスメソッド