We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

Getting started
This tutorial will help get you started using SVG paths.

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

Usage context

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


<svg width="100%" height="100%" viewBox="0 0 400 400"

  <path d="M 100 100 L 300 100 L 200 300 z"
        fill="orange" stroke="black" stroke-width="3" />

Live result:


Global attributes

Specific attributes


This element implements the SVGPathElement interface.


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,