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