DOMMatrixReadOnly: skewX() メソッド

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

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

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

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

構文

skewX()
skewX(sX)

引数

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

返値

DOMMatrix です。

例

const matrix = new DOMMatrix(); // 行列を作成
console.log(matrix.toString()); // 座標変換を適用していない
// "matrix(1, 0, 0, 1, 0, 0)"

console.log(matrix.skewX(14).toString());
// "matrix(1, 0, 0.25, 1, 0, 0)"

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