DOMMatrix: skewXSelf() 方法

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2020 年 1 月⁩ 起,所有主流浏览器均已支持。

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

DOMMatrix 接口的 skewXSelf() 方法是一个可变转换方法,用于修改矩阵。它通过应用指定的沿 X 轴的斜切转换来对源矩阵进行斜切,并返回斜切后的矩阵。

要对矩阵沿 X 轴进行斜切而不修改它,请参阅 DOMMatrixReadOnly.skewX()

语法

js
skewXSelf()
skewXSelf(sX)

参数

sX

一个数字;沿 X 轴斜切矩阵的角度(以度为单位)。

返回值

返回自身;根据给定角度沿 X 轴斜切后的 DOMMatrix

示例

js
const matrix = new DOMMatrix(); // create a matrix
console.log(matrix.toString()); // output: "matrix(1, 0, 0, 1, 0, 0)"
matrix.skewXSelf(14); // mutate it
console.log(matrix); // output: "matrix(1, 0, 0.25, 1, 0, 0)"

规范

规范
Geometry Interfaces Module Level 1
# dom-dommatrix-skewxself

浏览器兼容性

另见