Next ❯Polyline

To draw a polygon shape

  • turned_in_notPolygon Related Tag
    • <polygon>


Used to draw a polygon shape on svg, default fill color is black

  • Polygon shapes are closed shape made from connected points with a straight line
  • For a polygon shape you required at least 3 coordinate points
  • In polygon, first & last points are auto connected to create closed shape


<polygon points="x1 y1, x2 y2, .... , xN yN" />
  • label_outlinePolygon Attributes
    • points - Contains list of points (separated by comma), each point contain xy-coordinate (separated by a space)
<svg height="100" width="200">
  <polygon points="100 10, 20 80, 180 80" style="stroke:red;fill:#ffe1b4;"/>

  • Polyline
❮ Prev Ellipse
Next ❯Polyline
TryOut Examples"Learn to Explore..!"

TryOut Editor