We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

 

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

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

  <!-- Если вы не укажете цвет контура, 
       линия не будет видна -->
</svg>

Атрибуты

x1
This attribute definies the x-axis coordinate of the line starting point.
Value type: <length>|<percentage>|<number> ; Default value: 0; Animatable: yes
x2
This attribute definies the x-axis coordinate of the line ending point.
Value type: <length>|<percentage>|<number> ; Default value: 0; Animatable: yes
y1
This attribute definies the y-axis coordinate of the line starting point.
Value type: <length>|<percentage>|<number> ; Default value: 0; Animatable: yes
y2
This attribute definies the y-axis coordinate of the line ending point.
Value type: <length>|<percentage>|<number> ; Default value: 0; Animatable: yes
pathLength
This attribute lets specify the total length for the path, in user units.
Value type: <number> ; Default value: none; Animatable: yes

Global attributes

Используемый контекст

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

» line.svg

Вы можете применить трансформацию, чтобы получить такой же результат. Нарисуем горизонтальную линию: 

» line1.svg

и добавим опции трансформации, чтобы изменить направление линии:

» line2.svg

Атрибуты

Глобальные атрибуты

Специфичные атрибуты

DOM Interface

This element implements the SVGLineElement interface.

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

Specification Status Comment
Scalable Vector Graphics (SVG) 2
Определение '<line>' в этой спецификации.
Кандидат в рекомендации  
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
Определение '<line>' в этой спецификации.
Рекомендация Initial definition

Поддержка браузерами

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) IE Opera Safari
Basic support 1.0 1.5 (1.8) 9.0 8.0 3.0.4
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 3.0 1.0 (1.8) Нет (Да) 3.0.4

Таблица основана на этих ресурсах.

Смотрите также:

Метки документа и участники

Внесли вклад в эту страницу: konstcos, Sebastianz, AlexeyFedotof
Обновлялась последний раз: konstcos,