-->
Showing posts with label svg to draw polyline. Show all posts
Showing posts with label svg to draw polyline. Show all posts

Wednesday, July 22, 2020

HTML with SVG to draw polyline

<html>

<head>

    <head>
        <title>
            html with SVG tag. It stands for scalable vector graphics.It is used for vector based graphics in XML. We use this tag for graphics on web/page.
        </title>
    </head>

    <body>
        <svg viewbox="0 0 200 200"><!--</svg><svg width="100" height="100">-->
            <!--we always use svg for image size. If we donot, it takes 0,0 by default-->

            <polyline points="10,50 40,150 16,19" stroke="green" stroke-width="15" fill="red" />
        <!--since we are going to Polyline, we use attributes-->
        <!-- here 10 and 50 are first x and y-co-ordinate, 
            here 40 and 150 are second x and y-co-ordinate,
             and so on.
           -> stroke is boundary color,stroke-width means width of circle outline 
            and fill means color inside circle.
            ->somewhere it looks like polygon
        
        -->
        
        
        
        </svg>




    </body>


</html>