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()方法