SVGAnimatedRect: свойство animVal

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

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

Только для чтения animVal свойство интерфейса SVGAnimatedRect представляет собой текущее анимированное значение viewBox атрибута SVG-элемента в виде только для чтения объекта DOMRectReadOnly. Оно предоставляет доступ к динамическому состоянию прямоугольника, включая x, y, width, и height значения во время анимации.

Если анимация не применяется, свойство animVal отражает значение атрибута SVG-элемента viewBox и будет идентично SVGAnimatedRect.baseVal.

Значение

Объект DOMRectReadOnly, представляющий анимированное значение атрибута viewBox.

Примеры

<svg viewBox="0 0 200 100" id="mySvg">
  <rect width="100" height="100" fill="blue" />
</svg>

  const svgElement = document.getElementById("mySvg");
  const animatedRect = svgElement.viewBox.animVal;

  // Log the animated value (assuming an animation is applied)
  console.log(animatedRect.x);
  console.log(animatedRect.y);
  console.log(animatedRect.width);
  console.log(animatedRect.height);
</script>

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

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

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

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`animVal`	1	12	15	≤12.1	3	18	15	≤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/SVGAnimatedRect/animVal