<polygon>

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.

Элемент<polygon> описывает замкнутую фигуру, состоящую из набора последовательно соединённых между собой прямых линий. Для создания незамкнутых фигур используется элемент<polyline>.

Пример

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

html

<svg viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg">  <!-- Example of a polygon with the default fill -->  <polygon points="0,100 50,25 50,75 100,0" />  <!-- Example of the same polygon shape with stroke and no fill -->  <polygon points="100,100 150,25 150,75 200,0" fill="none" stroke="black" /></svg>

Атрибуты

points: Данный атрибут определяет список точек (независимых пар x,y координат), необходимых для отрисовки фигуры.Тип значения:<number>+ ;Значение по умолчанию:"";Анимируемый:да
pathLength: Данный атрибут позволяет указывать общую длину пути в пользовательских единицах.Тип значения:<number> ;Значение по умолчанию:none;Анимируемый:да

Global attributes

Основные атрибуты: Самые важные:id,tabindex
Атрибуты стилизации: class,style
Условные атрибуты: Самые важные:requiredExtensions,systemLanguage
Атрибуты событий: Атрибуты глобальных событий,Атрибуты графических событий
Presentation Attributes: Most notably:clip-path,clip-rule,color,color-interpolation,color-rendering,cursor,display,fill,fill-opacity,fill-rule,filter,mask,opacity,pointer-events,shape-rendering,stroke,stroke-dasharray,stroke-dashoffset,stroke-linecap,stroke-linejoin,stroke-miterlimit,stroke-opacity,stroke-width,transform,vector-effect,visibility
ARIA-атрибуты: aria-activedescendant,aria-atomic,aria-autocomplete,aria-busy,aria-checked,aria-colcount,aria-colindex,aria-colspan,aria-controls,aria-current,aria-describedby,aria-details,aria-disabled,aria-dropeffect,aria-errormessage,aria-expanded,aria-flowto,aria-grabbed,aria-haspopup,aria-hidden,aria-invalid,aria-keyshortcuts,aria-label,aria-labelledby,aria-level,aria-live,aria-modal,aria-multiline,aria-multiselectable,aria-orientation,aria-owns,aria-placeholder,aria-posinset,aria-pressed,aria-readonly,aria-relevant,aria-required,aria-roledescription,aria-rowcount,aria-rowindex,aria-rowspan,aria-selected,aria-setsize,aria-sort,aria-valuemax,aria-valuemin,aria-valuenow,aria-valuetext,role

Usage notes

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