SVGTransform: setRotate() 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 setRotate() của giao diện SVGTransform đặt kiểu biến đổi thành SVG_TRANSFORM_ROTATE, với tham số angle xác định góc quay và các tham số cx, cy xác định tâm quay tùy chọn.
Cú pháp
js
setRotate(angle, cx, cy)
Tham số
angle-
Một số thực xác định góc quay tính bằng độ.
cxOptional-
Một số thực xác định tọa độ X của tâm quay. Mặc định là
0. cyOptional-
Một số thực xác định tọa độ Y của tâm quay. Mặc định là
0.
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ụ
Quay một phần tử SVG
js
// Chọn phần tử SVG và tạo đối tượng transform
const svgElement = document.querySelector("svg");
const transform = svgElement.createSVGTransform();
// Đặt góc quay 45 độ
transform.setRotate(45, 0, 0);
// Xuất ra góc quay
console.log(`Rotation Angle: ${transform.angle}`); // Đầu ra: 45
Thông số kỹ thuật
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGTransform__setRotate |