SVGLineElement: свойство y1

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

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

Свойство y1 только для чтения интерфейса SVGLineElement описывает начало SVG-линии по оси y в виде SVGAnimatedLength. Оно отражает геометрическое свойство <line> элемента y1.

Значение атрибута представляет собой <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>

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

const lines = document.querySelectorAll("line");
const y1Pos0 = lines[0].y1;
const y1Pos1 = lines[1].y1;
console.dir(y1Pos0.baseVal.value); // output: 30 (the value of `y1`)
console.dir(y1Pos1.baseVal.value); // output: 10 (5% of 200)

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

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

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

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