SVGAngle
Базовая реализация Широко поддерживается
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с января 2020 года.
Интерфейс SVGAngle используется для представления значения, которое может быть значением <angle> или <number>.
Значение SVGAngle возвращаемое из SVGAnimatedAngle.animVal и SVGAnimatedAngle.baseVal является только для чтения, но значение SVGAngle возвращаемое из SVGSVGElement.createSVGAngle() является изменяемым. Если объект объявлен как только для чтения, попытка его изменения приведёт к исключению.
Объект SVGAngle может быть связан с конкретным элементом. Связанный элемент используется для определения атрибута содержимого элемента, который необходимо обновить, если объект отражает атрибут. Если не указано иное, объект SVGAngle не связан ни с каким элементом.
Каждый объект SVGAngle работает в одном из двух режимов:
-
Отражение базового значения анимируемого атрибута (доступного через член
baseValобъектаSVGAnimatedAngle), -
Отвязанный, что происходит в случае с объектами
SVGAngleсозданных с помощьюSVGSVGElement.createSVGAngle().
Константы
SVG_ANGLETYPE_UNKNOWN-
Неизвестный тип значения. Представлен числовым значением
0. SVG_ANGLETYPE_UNSPECIFIED-
Безусловное
<number>, интерпретируемое как значение в градусах. Представлено числовым значением1. SVG_ANGLETYPE_DEG-
Значение
<angle>с единицейdeg. Представлено числовым значением2. SVG_ANGLETYPE_RAD-
Значение
<angle>с единицейrad. Представлено числовым значением3. SVG_ANGLETYPE_GRAD-
Значение
<angle>с единицейgrad. Представлено числовым значением4.
Свойства экземпляра
SVGAngle.unitType-
Тип значения, указанный одной из констант
SVG_ANGLETYPE_*определённых в этом интерфейсе. SVGAngle.value-
Значение в виде числа с плавающей точкой, в пользовательских единицах. Установка этого атрибута автоматически обновит значения
valueInSpecifiedUnitsиvalueAsString.Исключения при установке: Исключение
DOMExceptionс кодомNO_MODIFICATION_ALLOWED_ERRгенерируется, если длина соответствует атрибуту только для чтения или если сам объект только для чтения. SVGAngle.valueInSpecifiedUnits-
Значение в виде числа с плавающей точкой, в единицах, указанных в
unitType. Установка этого атрибута автоматически обновит значенияvalueиvalueAsString.Исключения при установке: Исключение
DOMExceptionс кодомNO_MODIFICATION_ALLOWED_ERRгенерируется, если длина соответствует атрибуту только для чтения или если сам объект только для чтения. SVGAngle.valueAsString-
Значение в виде строкового значения, в единицах, указанных в
unitType. Установка этого атрибута автоматически обновит значенияvalue,valueInSpecifiedUnits, иunitType.Исключения при установке:
Исключение
DOMExceptionс кодомSYNTAX_ERRгенерируется, если присвоенная строка не может быть обработана как корректное<angle>.Исключение
DOMExceptionс кодомNO_MODIFICATION_ALLOWED_ERRгенерируется, если длина соответствует атрибуту только для чтения или если сам объект только для чтения.
Методы экземпляра
SVGAngle.newValueSpecifiedUnits-
Сбросьте значение в виде числа с ассоциированным unitType, тем самым заменив значения всех атрибутов объекта.
Исключения:
- Исключение
DOMExceptionс кодомNOT_SUPPORTED_ERRгенерируется, еслиunitTypeимеет значениеSVG_ANGLETYPE_UNKNOWNили не является допустимым типом единиц (одной из других константSVG_ANGLETYPE_*определённых в этом интерфейсе). - Исключение
DOMExceptionс кодомNO_MODIFICATION_ALLOWED_ERRгенерируется, если длина соответствует только для чтения атрибута или если сам объект только для чтения.
- Исключение
SVGAngle.convertToSpecifiedUnits-
Сохраните то же базовое хранимое значение, но сбросьте идентификатор хранимой единицы на заданную
unitType. В результате работы данного метода могут быть изменены атрибуты объектаunitType,valueInSpecifiedUnits, иvalueAsString.
Спецификации
| Спецификация |
|---|
| Scalable Vector Graphics (SVG) 2 # InterfaceSVGAngle |
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari в iOS | Samsung Internet | WebView Android | |
SVGAngle |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | ≤37 |
convertToSpecifiedUnits |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | ≤37 |
newValueSpecifiedUnits |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | ≤37 |
unitType |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | ≤37 |
value |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | ≤37 |
valueAsString |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | ≤37 |
valueInSpecifiedUnits |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | ≤37 |
© 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