Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.
Getting started
This tutorial will help get you started using SVG paths.
This tutorial will help get you started using SVG paths.
Элемент path является общим элементом для описания фигуры. Все базовые фигуры могут быть созданы с помощью элемента path.
Usage context
| Категории | Графические элементы, Фигура |
|---|---|
| Разрешённый контент | Любое количество следующих элементов, в любом порядке: Элементы анимации Элементы описания |
Example
<svg width="100%" height="100%" viewBox="0 0 400 400"
xmlns="http://www.w3.org/2000/svg">
<path d="M 100 100 L 300 100 L 200 300 z"
fill="orange" stroke="black" stroke-width="3" />
</svg>
Live result:
Attributes
Global attributes
- Conditional processing attributes »
- Core attributes »
- Graphical event attributes »
- Presentation attributes »
classstyleexternalResourcesRequiredtransform
Specific attributes
DOM_Interface
This element implements the SVGPathElement interface.
Specifications
| Specification | Status | Comment |
|---|---|---|
| Scalable Vector Graphics (SVG) 2 Определение '<path>' в этой спецификации. |
Кандидат в рекомендации | |
| Scalable Vector Graphics (SVG) 1.1 (Second Edition) Определение '<path>' в этой спецификации. |
Рекомендация | Initial definition |
Browser compatibility
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 |
The chart is based on these sources.
See also
Метки документа и участники
Внесли вклад в эту страницу:
Sebastianz,
samufa
Обновлялась последний раз:
Sebastianz,