<polygon>

The <polygon> element defines a closed shape consisting of a set of connected straight line segments. The last point is connected to the first point. For open shapes see the <polyline> element.

Usage context

Categories	Basic shape element, Graphics element, Shape element
Permitted content	Any number of the following elements, in any order: Animation elements Descriptive elements

Attributes

Global attributes

• Conditional processing attributes »
• Core attributes »
• Graphical event attributes »
• Presentation attributes »
• class
• style
• externalResourcesRequired
• transform

Specific attributes

• points

DOM Interface

This element implements the SVGPolygonElement interface.

Example

SVG

<svg width="120" height="120" viewPort="0 0 120 120"
    xmlns="http://www.w3.org/2000/svg">

  <polygon points="60,20 100,40 100,80 60,100 20,80 20,40"/>
</svg>

Result

Specifications

Specification	Status	Comment
Scalable Vector Graphics (SVG) 2 The definition of '<polygon>' in that specification.	Candidate Recommendation	No change
Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of '<polygon>' in that specification.	Recommendation	Initial definition

Browser compatibility

The chart is based on these sources.

See also

• <polyline>