SVGAnimatedAngle: свойство animVal

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

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

Чтение только свойство animVal интерфейса SVGAnimatedAngle представляет собой текущее анимированное значение связанного <angle> на элементе SVG. Если атрибут в настоящее время не анимируется, animVal будет таким же, как и baseVal.

Это свойство отражает анимированное состояние угла анимирующего orient атрибута элемента SVG <marker>, предоставляя доступ к значению угла во время анимации.

Значение

Объект SVGAngle, представляющий анимированное значение <angle> типа содержимого.

Если угол анимируется, animVal будет отражать текущее состояние анимации.
Если угол не анимируется, animVal будет идентичен SVGAnimatedAngle.baseVal.

Примеры

const marker = document.querySelector("[orient]");

// Set an initial angle for the orient attribute
marker.setAttribute("orient", "45");

// Access the animated value of the angle
const animAngle = marker.orientAngle.animVal; // an SVGAngle object

console.log(animAngle.value); // Output: 45 (current animated value of the angle)
console.log(animAngle.unitType); // Output: 2 (constant for SVG_ANGLETYPE_DEG)

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

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

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

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`animVal`	1	12	1.5	≤12.1	3	18	4	≤12.1	1	1.0	3

См. также

© 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/SVGAnimatedAngle/animVal