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

HTML with SVG to draw line

<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 width="100" height="100">
            <!--we always use svg for image size. If we donot, it takes 0,0 by default-->

            <line x="3" y="3" x1="400" y1="30" stroke="green" stroke-width="15" fill="red" />
        <!--since we are going to line, we use attributes-->
        <!-- here x is first x co-ordinate,y is first y-co-ordinate, 
            x1 is second x-coordinate,
            y1 is second y co-ordinate,
            stroke is boundary color,stroke-width means width of circle outline 
            and fill means color inside circle-->
        
        
        
        </svg>




    </body>


</html>svg to draw line