DOMMatrixReadOnly：skewX() 方法
注意：此功能在 Web Workers 中可用。
DOMMatrixReadOnly 接口的 skewX() 方法返回一个新的 DOMMatrix，该矩阵是通过对源矩阵沿 x 轴应用指定的斜切变换而创建的。原始矩阵不会被修改。
要在沿 x 轴斜切矩阵时修改矩阵本身，请参阅 DOMMatrix.skewXSelf()。
语法
js
skewX()
skewX(sX)
参数
sX-
一个数字；用于沿 x 轴斜切矩阵的角度（以度为单位）。
返回值
一个 DOMMatrix。
示例
js
const matrix = new DOMMatrix(); // create a matrix
console.log(matrix.toString()); // no transform applied
// "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()); // original is unchanged
// "matrix(1, 0, 0, 1, 0, 0)"
规范
| 规范 |
|---|
| Geometry Interfaces Module Level 1 # dom-dommatrixreadonly-skewx |
浏览器兼容性
加载中…
另见
DOMMatrixReadOnly.skewY()DOMMatrix.skewXSelf()- CSS 的
transform属性以及skew()、skewX()和matrix()函数 - CSS 变换模块
- SVG
transform属性 CanvasRenderingContext2D接口的transform()方法