DOMMatrixReadOnly: skewX() メソッド

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。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)"