DOMMatrix: skewYSelf() メソッド
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 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)"
仕様書
| Specification |
|---|
| Geometry Interfaces Module Level 1 # dom-dommatrix-skewyself |
ブラウザーの互換性
関連情報
DOMMatrixReadOnly.skewY()- CSS の
transformプロパティ - CSS の
<transform-function>関数 - CSS 座標変換モジュール
- SVG の
transform属性 CanvasRenderingContext2Dインターフェイスのメソッド