DOMMatrixReadOnly: skewY() 方法

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2020 年 1 月⁩ 起,所有主流瀏覽器均已支援。

注意:此功能在 Web Workers 中可用。

DOMMatrixReadOnly 介面的 skewY() 方法返回一個新的 DOMMatrix,該新矩陣是透過對源矩陣沿 y 軸應用指定的斜切變換而建立的。原始矩陣不會被修改。

要對矩陣進行沿 y 軸斜切並修改它本身,請參閱 DOMMatrix.skewYSelf()

語法

js
skewY()
skewY(sY)

引數

sY

一個數字;用於沿 y 軸斜切矩陣的角度(以度為單位)。

返回值

一個 DOMMatrix

示例

js
const matrix = new DOMMatrix(); // create a matrix
console.log(matrix.toString()); // original value
// "matrix(1, 0, 0, 1, 0, 0)"

console.log(matrix.skewY(14).toString()); // skew along y-axis
// "matrix(1, -0.25, 0, 1, 0, 0)"

console.log(matrix.toString()); // original unchanged
// "matrix(1, 0, 0, 1, 0, 0)"

規範

規範
Geometry Interfaces Module Level 1
# dom-dommatrixreadonly-skewy

瀏覽器相容性

另見