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 January 2020.

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

Diese Funktion wird:

Syntax

js
convertToSpecifiedUnits(unitType)

Parameter

unitType

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

Rückgabewert

Keiner (undefined).

Beispiele

Konvertieren eines Winkels in Grad

js
// 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)

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGAngle__convertToSpecifiedUnits

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
convertToSpecifiedUnits

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Siehe auch