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

浏览器兼容性

另见