DOMMatrix: rotateAxisAngleSelf() 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 rotateAxisAngleSelf() của giao diện DOMMatrix là phương thức biến đổi xoay ma trận nguồn theo vectơ và góc cho trước, trả về ma trận đã được thay đổi.

Để xoay ma trận mà không làm thay đổi nó, hãy xem DOMMatrixReadOnly.rotateAxisAngle(), 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

js
rotateAxisAngleSelf()
rotateAxisAngleSelf(rotX)
rotateAxisAngleSelf(rotX, rotY)
rotateAxisAngleSelf(rotX, rotY, rotZ)
rotateAxisAngleSelf(rotX, rotY, rotZ, angle)

Tham số

rotX

Một số; tọa độ x của vectơ biểu thị trục xoay. Nếu khác không, is2D là false.

rotY Optional

Một số; tọa độ y của vectơ biểu thị trục xoay. Nếu không được xác định, giá trị rotX sẽ được sử dụng. Nếu khác không, is2D là false.

rotZ Optional

Một số; tọa độ z của vectơ biểu thị trục xoay. Nếu không được xác định, giá trị rotX sẽ được sử dụng.

angle Optional

Một số; góc xoay quanh vectơ trục, tính bằng độ.

Nếu cả rotYrotZ đều thiếu, rotZ được đặt thành giá trị của rotX, và cả rotX lẫn rotY đều là 0.

Giá trị trả về

Một DOMMatrix.

Ví dụ

js
const matrix = new DOMMatrix(); // tạo một ma trận
console.log(matrix.rotateAxisAngleSelf(10, 20, 30, 45).toString());
/* "matrix3d(
    0.728, 0.609, -0.315, 0, 
    -0.525, 0.791, 0.315, 0, 
    0.441, -0.063, 0.895, 
    0, 0, 0, 0, 1)" */
console.log(matrix.toString());
/* "matrix3d(
    0.728, 0.609, -0.315, 0, 
    -0.525, 0.791, 0.315, 0, 
    0.441, -0.063, 0.895, 0, 
    0, 0, 0, 1)" */

Thông số kỹ thuật

Specification
Geometry Interfaces Module Level 1
# dom-dommatrix-rotateaxisangleself

Tương thích trình duyệt

Xem thêm