Элемент <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
Определяет координату начальной точки линии по оси 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> ; Значение по умолчанию: none; Анимируемый: да

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

Основные атрибуты
В первую очередь: id, tabindex
Атрибуты оформления (стилей) 
class, style
Атрибуты условной обработки
В первую очередь: requiredExtensions, systemLanguage
Атрибуты события
Глобальные атрибуты события, Графические атрибуты события
Атрибуты презентации
В превую очередь: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility
Атрибуты ARIA
aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role

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

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,