DOMMatrixReadOnly: skewY() メソッド

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月.

メモ: この機能はウェブワーカー内で利用可能です。

skewY() は DOMMatrixReadOnly インターフェイスのメソッドで、ソース行列に対して指定された歪め変換を Y 軸方向に適用して作成された新しい DOMMatrix を返します。元の行列は変更されません。

Y 軸方向の歪め変換を行って行列を変更する場合は、DOMMatrix.skewYSelf() を参照してください。

構文

skewY()
skewY(sY)

引数

sY: 数値です。行列を Y 軸方向に歪め変換を行う角度の度数です。

返値

DOMMatrix です。

例

const matrix = new DOMMatrix(); // 行列を作成
console.log(matrix.toString()); // 元の値
// "matrix(1, 0, 0, 1, 0, 0)"

console.log(matrix.skewY(14).toString()); // Y 軸方向に歪め変換
// "matrix(1, -0.25, 0, 1, 0, 0)"

console.log(matrix.toString()); // 元の行列は変更されない
// "matrix(1, 0, 0, 1, 0, 0)"