DOMMatrix: translateSelf() 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 translateSelf() 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. Nó áp dụng các vectơ được chỉ định và trả về ma trận đã được cập nhật. Vectơ mặc định là [0, 0, 0].
Để dịch chuyển ma trận mà không làm thay đổi nó, hãy xem DOMMatrixReadOnly.translate()
Cú pháp
translateSelf(translateX, translateY)
translateSelf(translateX, translateY, translateZ)
Tham số
translateX-
Một số đại diện cho hoành độ (tọa độ x) của vectơ dịch chuyển.
translateY-
Một số đại diện cho tung độ (tọa độ y) của vectơ dịch chuyển.
translateZOptional-
Một số đại diện cho thành phần z của vectơ dịch chuyển. Nếu không được cung cấp, mặc định là 0. Nếu giá trị này khác 0, ma trận kết quả sẽ là 3D.
Giá trị trả về
Trả về chính nó; DOMMatrix đã được dịch chuyển theo vectơ cho trước.
Ví dụ
const matrix = new DOMMatrix(); // tạo một ma trận
console.log(matrix.toString()); // output: "matrix(1, 0, 0, 1, 0, 0)"
matrix.translateSelf(25, 25); // thay đổi nó
console.log(matrix); // output: "matrix(1, 0, 0, 1, 25, 25)"
Thông số kỹ thuật
| Specification |
|---|
| Geometry Interfaces Module Level 1 # dom-dommatrix-translateself |
Tương thích trình duyệt
Xem thêm
DOMMatrixReadOnly.translate()- CSS
transformproperty - CSS
translateproperty - CSS
<transform-function>functions - CSS transforms module
- SVG
transformattribute CanvasRenderingContext2Dinterface methods