SVGAngle: convertToSpecifiedUnits() Methode

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨Juli 2015⁩.

Die convertToSpecifiedUnits()-Methode der SVGAngle-Schnittstelle ermöglicht es Ihnen, den Wert des Winkels in den angegebenen Einheitentyp zu konvertieren.

Diese Funktion wird:

Die unitType-Eigenschaft auf den angegebenen Einheitentyp setzen
Die Eigenschaften valueInSpecifiedUnits und valueAsString aktualisieren, sodass der Winkelwert im angegebenen Einheitentyp dargestellt wird

Eine Konstante, die den Einheitentyp darstellt, in den der Winkelwert konvertiert werden soll. Dies muss einer der für die unitType-Eigenschaft definierten konstanten Werte sein, mit Ausnahme von SVG_ANGLETYPE_UNKNOWN.

SVGAngle.SVG_ANGLETYPE_DEG: konvertieren in Grad
SVGAngle.SVG_ANGLETYPE_RAD: konvertieren in Radianten
SVGAngle.SVG_ANGLETYPE_GRAD: konvertieren in Gon
SVGAngle.SVG_ANGLETYPE_UNSPECIFIED: konvertieren in eine einheitenlose Zahl, interpretiert als Grad

// Get an SVGAngle object
const svg = document.querySelector("svg");
const angle = svg.createSVGAngle();

// Set the angle's value in radians (Math.PI / 2)
angle.newValueSpecifiedUnits(SVGAngle.SVG_ANGLETYPE_RAD, Math.PI / 2);

// Retrieve the angle's value as a string
console.log(angle.valueAsString); // Output: 1.5708rad
console.log(angle.unitType); // Output: 3 (SVG_ANGLETYPE_RAD)

// Convert the angle's value to degrees
angle.convertToSpecifiedUnits(SVGAngle.SVG_ANGLETYPE_DEG);

// Retrieve the angle's value as a string
console.log(angle.valueAsString); // Output: 90deg
console.log(angle.unitType); // Output: 2 (SVG_ANGLETYPE_DEG)