SVGAngle: метод convertToSpecifiedUnits()

Базовая линия Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с января 2020 года.

Метод convertToSpecifiedUnits() интерфейса SVGAngle позволяет преобразовать значение угла в указанный тип единиц измерения.

Эта функция будет:

Устанавливать свойство unitType на заданный тип единиц измерения
Обновлять свойства valueInSpecifiedUnits и valueAsString, чтобы значение угла было представлено в указанном типе единиц

Синтаксис

svgAngle.convertToSpecifiedUnits(unitType)

Параметры

unitType

Константа, представляющая тип единиц измерения, в который необходимо преобразовать значение угла. Она должна быть одной из констант, определённых для свойства unitType, за исключением SVG_ANGLETYPE_UNKNOWN.

SVGAngle.SVG_ANGLETYPE_DEG: преобразование в градусы
SVGAngle.SVG_ANGLETYPE_RAD: преобразование в радианы
SVGAngle.SVG_ANGLETYPE_GRAD: преобразование в грады
SVGAngle.SVG_ANGLETYPE_UNSPECIFIED: преобразование в безразмерное число, интерпретируемое как градусы

Возвращаемое значение

Ничего (undefined).

Примеры

Преобразование угла в градусы

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

Спецификации

Спецификация
Scalable Vector Graphics (SVG) 2 # __svg__SVGAngle__convertToSpecifiedUnits

Совместимость браузеров

	Десктоп					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`convertToSpecifiedUnits`	1	12	1.5	≤12.1	3	18	4	≤12.1	1	1.0	≤37

См. также

SVGAnimatedAngle

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGAngle/convertToSpecifiedUnits