SVGTransform: setMatrix() method
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Phương thức setMatrix() của giao diện SVGTransform đặt kiểu biến đổi thành SVG_TRANSFORM_MATRIX, với tham số matrix xác định phép biến đổi mới.
Lưu ý rằng các giá trị từ tham số matrix được sao chép, nghĩa là các thay đổi đối với đối tượng matrix sau khi gọi phương thức này sẽ không ảnh hưởng đến phép biến đổi.
Cú pháp
js
setMatrix(matrix)
Tham số
Giá trị trả về
Không có (undefined).
Ngoại lệ
NoModificationAllowedErrorDOMException-
Được ném ra nếu thuộc tính hoặc đối tượng
SVGTransformlà chỉ đọc.
Ví dụ
Đặt ma trận biến đổi
js
// Lấy phần tử SVG và tạo đối tượng transform
const svgElement = document.querySelector("svg");
const transform = svgElement.createSVGTransform();
// Tạo DOMMatrix với các giá trị cụ thể
const matrix = new DOMMatrix();
matrix.a = 1; // Co giãn X
matrix.d = 1; // Co giãn Y
matrix.e = 50; // Dịch chuyển X
matrix.f = 50; // Dịch chuyển Y
// Đặt biến đổi thành ma trận mới
transform.setMatrix(matrix);
console.dir(transform.matrix); // Đầu ra: SVGMatrix { a: 1, b: 0, c: 0, d: 1, e: 50, f: 50 }
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGTransform__setMatrix |