<line>

Элемент <line> — это базовая фигура SVG, используемая для создания линии, соединяющей две точки.

Пример

html

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <line x1="0" y1="80" x2="100" y2="20" stroke="black" />

  <!-- If you do not specify the stroke
       color the line will not be visible -->
</svg>

Атрибуты

x1: Определяет координату x-оси начальной точки линии. Тип значения: <length>|<percentage>|<number> ; Значение по умолчанию: 0; Анимируемо: да
x2: Определяет координату x-оси конечной точки линии. Тип значения: <length>|<percentage>|<number> ; Значение по умолчанию: 0; Анимируемо: да
y1: Определяет координату y-оси начальной точки линии. Тип значения: <length>|<percentage>|<number> ; Значение по умолчанию: 0; Анимируемо: да
y2: Определяет координату y-оси конечной точки линии. Тип значения: <length>|<percentage>|<number> ; Значение по умолчанию: 0; Анимируемо: да
pathLength: Определяет общую длину пути в единицах пользователя. Тип значения: <number> ; Значение по умолчанию: нет; Анимируемо: да

Контекст использования

Категории	Элемент базовой фигуры, Элемент графики, Элемент фигуры
Разрешенный контент	Любое количество следующих элементов в любом порядке: Элементы анимации Описательные элементы

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

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

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

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet	WebView Android
`line`	1	12	1.5	8	3	18	4	14	3	1.0	3
`systemLanguage`	1	12	12	8	3	18	14	14	3	1.0	3
`x1`	1	12	1.5	8	3	18	4	14	3	1.0	3
`x2`	1	12	1.5	8	3	18	4	14	3	1.0	3
`y1`	1	12	1.5	8	3	18	4	14	3	1.0	3
`y2`	1	12	1.5	8	3	18	4	14	3	1.0	3

См. также

Другие базовые фигуры SVG: <circle>, <ellipse>, <polygon>, <polyline>, <rect>

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/line