<path>

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since июль 2015 г..

* Some parts of this feature may have varying levels of support.

Элемент<path> является общим элементом для описания фигуры. Все базовые фигуры могут быть созданы с помощью элемента path.

Пример

html,body,svg {  height: 100%;}

html

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">  <path    d="M 10,30           A 20,20 0,0,1 50,30           A 20,20 0,0,1 90,30           Q 90,60 50,90           Q 10,60 10,30 z" /></svg>

Атрибуты

d: Этот атрибут определяет форму.Тип значения:<string> ;Значение по умолчанию:'';Анимирование:Да
pathLength: Этот атрибут позволяет указывать общую длину в пользовательских единицах.Тип значения:<number> ;Значение по умолчанию:нет;Анимирование:Да

Использование

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