SVGElement: свойство viewportElement

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

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

Свойство viewportElement интерфейса SVGElement представляет SVGElement , определяющее текущий viewport. Часто ближайший родительский элемент <svg>. null если данный элемент является самым внешним <svg> элементом.

Значение

Объект SVGElement.

Примеры

Получение `viewportElement`

<svg id="outerSvg" width="200" height="200" xmlns="http://www.w3.org/2000/svg">
  <svg id="innerSvg" x="10" y="10" width="100" height="100">
    <circle id="circle" cx="50" cy="50" r="40" fill="blue"></circle>
  </svg>
</svg>

const circle = document.getElementById("circle");
const innerSvg = document.getElementById("innerSvg");
const outerSvg = document.getElementById("outerSvg");

console.log(circle.viewportElement); // Output: <svg id="innerSvg">...</svg>
console.log(innerSvg.viewportElement); // Output: <svg id="outerSvg">...</svg>
console.log(outerSvg.viewportElement); // Output: null

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

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

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

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

См. также

SVGElement.ownerSVGElement: Получает ближайший родительский элемент <svg> для текущего SVG-элемента.