DOMMatrix: rotateFromVectorSelf() 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 rotateFromVectorSelf() của giao diện DOMMatrix là phương thức biến đổi có thể thay đổi, sửa đổi một ma trận bằng cách xoay ma trận theo góc giữa vectơ được chỉ định và (1, 0). Góc xoay được xác định bởi góc giữa vectơ (1,0)T và (x,y)T theo chiều kim đồng hồ, hoặc (+/-)arctan(y/x). Nếu cả x và y đều là 0, góc được xác định là 0 và ma trận không bị thay đổi.
Để xoay ma trận từ một vectơ mà không làm thay đổi nó, hãy xem DOMMatrixReadOnly.rotateFromVector(), phương thức này tạo một ma trận xoay mới trong khi giữ nguyên ma trận gốc.
Cú pháp
rotateFromVectorSelf()
rotateFromVectorSelf(rotX)
rotateFromVectorSelf(rotX, rotY)
Tham số
rotXOptional-
Một số; tọa độ x của vectơ x,y xác định góc xoay. Nếu không được xác định,
0được sử dụng. rotYOptional-
Một số; tọa độ y của vectơ x,y xác định góc xoay. Nếu không được xác định,
0được sử dụng.
Giá trị trả về
Trả về chính nó; DOMMatrix đã được cập nhật.
Ví dụ
const matrix = new DOMMatrix(); // tạo một ma trận
console.log(matrix.rotateFromVectorSelf().toString());
// output: matrix(1, 0, 0, 1, 0, 0) (không có phép xoay nào được áp dụng)
console.log(matrix.rotateFromVectorSelf(10, 20).toString());
// output: matrix(0.447, 0.894, -0.894, 0.447, 0, 0)
console.log(matrix.toString());
// output: matrix(0.447, 0.894, -0.894, 0.447, 0, 0) (giống như trên)
Thông số kỹ thuật
| Specification |
|---|
| Geometry Interfaces Module Level 1 # dom-dommatrix-rotatefromvectorself |
Tương thích trình duyệt
Xem thêm
DOMMatrixReadOnly.rotateFromVector()DOMMatrix.rotateSelf()DOMMatrix.rotateAxisAngleSelf()- CSS
transformproperty androtate3d()function - CSS
rotateproperty - CSS transforms module
- SVG
transformattribute CanvasRenderingContext2Dinterface androtate()method