This page was translated from English by the community. Learn more and join the MDN Web Docs community.
<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> ; Значение по умолчанию:нет; Анимирование: Да
Использование
| Категории | Графические элементы, Элемент фигуры |
|---|---|
| Разрешённый контент | Любое количество следующих элементов, в любом порядке: Элементы анимации Элементы описания |
Спецификации
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # PathElement |
Совместимость с браузерами
Loading...
Смотрите также
- SVG basic shapes:
<circle>,<ellipse>,<line>,<polygon>,<polyline>,<rect> - The MDN SVG "Getting Started" tutorial : Path