SVGAngle: newValueSpecifiedUnits() 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 newValueSpecifiedUnits() của giao diện SVGAngle đặt giá trị dưới dạng số với unitType liên kết, thay thế các giá trị của tất cả thuộc tính trên đối tượng.
Cú pháp
newValueSpecifiedUnits(unitType, valueInSpecifiedUnits)
Tham số
unitType-
Một hằng số đại diện cho loại đơn vị mà giá trị góc cần được chuyển đổi sang. Đây phải là một trong các giá trị hằng số được định nghĩa cho thuộc tính
unitType, ngoại trừSVG_ANGLETYPE_UNKNOWN.SVGAngle.SVG_ANGLETYPE_DEG: chuyển sang độSVGAngle.SVG_ANGLETYPE_RAD: chuyển sang radianSVGAngle.SVG_ANGLETYPE_GRAD: chuyển sang gradianSVGAngle.SVG_ANGLETYPE_UNSPECIFIED: chuyển sang số không đơn vị, được hiểu là độ
valueInSpecifiedUnits-
Hệ số số của giá trị góc, được biểu thị theo loại đơn vị đã chỉ định.
Giá trị trả về
Không có (undefined).
Ngoại lệ
Phương thức này có thể ném ra DOMException với một trong các kiểu sau:
NotSupportedErrorDOMException-
Được ném ra nếu
unitTypelàSVG_ANGLETYPE_UNKNOWNhoặc không phải hằng số loại đơn vị hợp lệ. NoModificationAllowedErrorDOMException-
Được ném ra nếu
SVGAngletương ứng với thuộc tính chỉ đọc hoặc khi chính đối tượng là chỉ đọc.
Ví dụ
Đặt góc theo độ
// Lấy đối tượng SVGAngle
const svg = document.querySelector("svg");
const angle = svg.createSVGAngle();
// Đặt giá trị góc theo độ bằng newValueSpecifiedUnits()
angle.newValueSpecifiedUnits(SVGAngle.SVG_ANGLETYPE_DEG, 45);
// Truy xuất giá trị góc theo độ
console.log(angle.value); // Output: 45
console.log(angle.unitType); // Output: 2 (SVG_ANGLETYPE_DEG)
Đặt góc theo radian
// Lấy đối tượng SVGAngle
const svg = document.querySelector("svg");
const angle = svg.createSVGAngle();
// Đặt giá trị góc theo radian bằng newValueSpecifiedUnits()
angle.newValueSpecifiedUnits(SVGAngle.SVG_ANGLETYPE_RAD, Math.PI / 2);
// Truy xuất giá trị góc
console.log(angle.value); // Output: 90
console.log(angle.unitType); // Output: 3 (SVG_ANGLETYPE_RAD)
Đặt góc theo gradian
// Lấy đối tượng SVGAngle
const svg = document.querySelector("svg");
const angle = svg.createSVGAngle();
// Đặt giá trị góc theo gradian bằng newValueSpecifiedUnits()
angle.newValueSpecifiedUnits(SVGAngle.SVG_ANGLETYPE_GRAD, 100);
// Truy xuất giá trị góc theo gradian
console.log(angle.value); // Output: 90
console.log(angle.unitType); // Output: 4 (SVG_ANGLETYPE_GRAD)
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGAngle__newValueSpecifiedUnits |