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 x 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
SVG Intro
SVG & HTML
SVG Circle
SVG Rectangle
SVG Eclipse
SVG Line
SVG Polygon
SVG Polyline
SVG Path
SVG Text
SVG Stroke
SVG Blur Filter
SVG Drop Shadow Filter
SVG Linear Gradient
SVG Radial Gradients in HTML