Polyline

To draw a polyline shape

  • turned_in_notPolyline Related Tag
    • <polyline>


<polyline>

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

  • Polyline shapes are made from connected points with a straight line
  • In polyline, first & last points are not connected by default

Syntax

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


  • Text
❮ Prev Polygon
TryOut Examples"Learn to Explore..!"

TryOut Editor

receipt