SVGLineElement: свойство y2

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

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

Свойство y2 только для чтения интерфейса SVGLineElement описывает значение координаты по оси v конца линии в виде SVGAnimatedLength. Оно отражает геометрическое атрибут элемента <line> y2.

Значение атрибута — <length>, <percentage> или <number>. Численное значение свойства SVGAnimatedLength.baseVal соответствует этому положению конца по оси y в единицах системы координат пользователя.

Значение

Объект SVGAnimatedLength.

Пример

Рассмотрим следующий SVG:

<svg viewBox="0 0 300 200" xmlns="http://www.w3.org/2000/svg">
  <line x1="20" y1="30" x2="40" y2="50" stroke="blue" stroke-width="2" />
  <line x1="15%" y1="5%" x2="30%" y2="60%" stroke="red" stroke-width="4" />
</svg>

Мы можем получить вычисленные значения атрибутов y2:

const lines = document.querySelectorAll("line");
const y2Pos0 = lines[0].y2;
const y2Pos1 = lines[1].y2;
console.dir(y2Pos0.baseVal.value); // output: 50 (the value of `y2`)
console.dir(y2Pos1.baseVal.value); // output: 120 (60% of 200)

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

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

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

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