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