Polyline element

Posted on
  1. You are in : HTML5  >>  Working with Scalable Vector Graphics  >>  

The polyline element is an SVG basic shape, used to create a series of straight lines connecting several points. Typically a polyline is used to create open shapes.

<!DOCTYPE HTML>
<html>
    <head>
        <title>SVG tutorial</title>
    </head>
    <body>
        <svg width="120" height="120">
            <polyline fill="none" stroke="black" 
			points="20,100 40,60 70,80 100,20"/>
        </svg>
    </body>
</html>