DOMMatrixReadOnly: skewY() 方法
注意:此功能在 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 |
浏览器兼容性
加载中…
另见
DOMMatrix.skewYSelf()
DOMMatrixReadOnly.skewX()
- CSS
transform
属性以及skew()
、skewY()
和matrix()
函数 - CSS 变换模块
- SVG
transform
属性 CanvasRenderingContext2D
接口的transform()
方法