SVG Tutorials

SVG Polyline in HTML

SVG Polyline



What is Polyline?


Polyline is defined as any shape that consists of different straight lines. All of these lines are connected with each other through different points.


Further Explanation:-


For this exact same purpose, SVG allows us to create them by using the < polyline > element.


Essential attributes in < polyline > tag are:-


  • The points attribute defines the list of points (pairs of x and y coordinates). We can add multiple and y coordinates by just separating them from commas.
  • The style attribute defines different styling properties including stroke, stroke-width, fill, etc.

Code Explanation

All Tutorials related to SVG Tutorials

All Sections related to SVG