SVGAnimatedRect: свойство baseVal

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

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

Свойство baseVal только для чтения интерфейса SVGAnimatedRect представляет собой текущее значение без анимации атрибута viewBox элемента SVG.

Это свойство отражает значение атрибута SVG viewBox в виде объекта только для чтения DOMRect. Оно предоставляет доступ к статической прямоугольной области, определённой атрибутом viewBox, включая значения x, y, width, и height.

Значение

Объект DOMRect, представляющий текущее значение без анимации атрибута 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.baseVal;

// Access the non-animated base value
console.log(animatedRect.x); // 0
console.log(animatedRect.y); // 0
console.log(animatedRect.width); // 200
console.log(animatedRect.height); // 100

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

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

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

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