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

Wednesday, July 22, 2020

HTML with SVG to draw ellipse.

<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-->

            <ellipse cx="50" cy="50" rx="40" ry="30" stroke="green" stroke-width="15" fill="red" />
        <!--since we are going to draw circle, we use attributes-->
        <!-- here cx is x co-ordinate,cy is y-co-ordinate, 
            rx is x-radius,
            ry is y radius,
            stroke is boundary color,stroke-width means width of circle outline 
            and fill means color inside circle-->
        
        
        
        </svg>




    </body>


</html>