DOMMatrix: skewYSelf() メソッド
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2020年1月以降、すべてのブラウザーで利用可能です。
メモ: この機能はウェブワーカー内で利用可能です。
skewYSelf() は DOMMatrix インターフェイスのメソッドで、行列を変更する座標変換メソッドです。指定された歪め変換を Y 軸方向に適用して元の行列を歪め、歪められた行列を返します。
変更せずに行列を Y 軸方向に歪める場合は、DOMMatrixReadOnly.skewY() を参照してください。
構文
js
skewYSelf()
skewYSelf(sY)
引数
sY-
数値です。行列を Y 軸方向に歪め変換を行う角度の度数です。
返値
自分自身を返します。Y 軸方向に指定された角度で歪め変換を行った DOMMatrix です。
例
js
const matrix = new DOMMatrix(); // 行列を作成
console.log(matrix.toString()); // 出力: "matrix(1, 0, 0, 1, 0, 0)"
matrix.skewYSelf(-14); // 変更する
console.log(matrix); // 出力: "matrix(1, -0.25, 0, 1, 0, 0)"
仕様書
| 仕様書 |
|---|
| Geometry Interfaces Module Level 1 # dom-dommatrix-skewyself |
ブラウザーの互換性
関連情報
DOMMatrixReadOnly.skewY()- CSS の
transformプロパティ - CSS の
<transform-function>関数 - CSS 座標変換モジュール
- SVG の
transform属性 CanvasRenderingContext2Dインターフェイスのメソッド