Articles → HTML 5 → SVG polygon in HTML5

SVG polygon in HTML5

In this article, we will discuss SVG polygon in HTML5.

Purpose

Polygon is a closed shape created by connecting lines. It also contains three or more than three corners. For example, a triangle is a polygon with three sides, rectangle is a polygon with four sides.

SVG polygon is used to create a polygon.

Syntax

<svg height="" width="">
        <polygon points="list of x and y coordinates of sides of polygon" />
</svg>

Example

<!DOCTYPE html>
<html>
<body>
    <svg height="410" width="500">
        <polygon points="300,10 500,310 160,310" />
    </svg>
</body>
</html>

Output

Click to Enlarge

Browser support

Internet Explorer	Firefox	Chrome	Safari	Opera	Edge
9.0	3.0	4.0	3.2	10.1	Yes

Posted By -	Karan Gupta

Posted On -	Wednesday, September 27, 2017

Query/Feedback

Your Email Id

Subject

Query/Feedback	Characters remaining 250