HTML with SVG to draw polygon.



            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.

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

            <polygon points="12,13 14,15 16,19" stroke="green" stroke-width="15" fill="red" />
        <!--since we are going to Polygon, we use attributes-->
        <!-- here 12 and 13 are first x and y-co-ordinate, 
            here 14 and 14 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



No comments:

Post a Comment