DOMMatrixReadOnly: skewX() method
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Note: This feature is available in Web Workers.
Phương thức skewX() của giao diện DOMMatrixReadOnly trả về một DOMMatrix mới được tạo bằng cách áp dụng phép biến đổi xiên được chỉ định lên ma trận nguồn dọc theo trục x. Ma trận gốc không bị thay đổi.
Để thay đổi ma trận khi làm xiên dọc theo trục x, hãy xem DOMMatrix.skewXSelf().
Cú pháp
js
skewX()
skewX(sX)
Tham số
sX-
Một số; góc tính bằng độ để làm xiên ma trận dọc theo trục x.
Giá trị trả về
Một DOMMatrix.
Ví dụ
js
const matrix = new DOMMatrix(); // tạo một ma trận
console.log(matrix.toString()); // không có phép biến đổi nào được áp dụng
// "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()); // ma trận gốc không thay đổi
// "matrix(1, 0, 0, 1, 0, 0)"
Thông số kỹ thuật
| Specification |
|---|
| Geometry Interfaces Module Level 1 # dom-dommatrixreadonly-skewx |
Tương thích trình duyệt
Xem thêm
DOMMatrixReadOnly.skewY()DOMMatrix.skewXSelf()- CSS
transformproperty and theskew(),skewX(), andmatrix()functions - CSS transforms module
- SVG
transformattribute CanvasRenderingContext2Dinterface'stransform()method