This page was translated from English by the community. Learn more and join the MDN Web Docs community.
<line>
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since июль 2015 г..
Элемент <line> одна из базовых фигур SVG, используемая для создания линии, связывающей две точки.
Пример
html,
body,
svg {
height: 100%;
}
<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; Анеминуемый: да
Спецификации
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # LineElement |
Совместимость с браузерами
Loading...
