What is SVG
What is SVG ?
* SVG stands for Scalable Vector Graphics, that is used to define graphics for web page.
* This concept is achieved with the help of <svg> tag that is container for SVG graphics,
in SVG several method for create path, line,box, circle, triangle, rectangel and graphics images.
SVG rectangle-
Example-
<svg width="400" height="100">
<rect width="400" height="100" fill="green" stroke="red" stroke-width="3" />
</svg>
<rect width="400" height="100" fill="green" stroke="red" stroke-width="3" />
</svg>
SVG square-
Example-
<svg width="100" height="100">
<rect width="100" height="100" fill="yellow" stroke="red" stroke-width="3" />
</svg>
<rect width="100" height="100" fill="yellow" stroke="red" stroke-width="3" />
</svg>
SVG Circle-
Example-
<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
SVG line-
Example-
<svg height="100" width="100">
<line x1="0" y1="0" x2="100" y2="100" stroke-width="3" stroke="blue" />
</svg>
<line x1="0" y1="0" x2="100" y2="100" stroke-width="3" stroke="blue" />
</svg>
Thank you........SVG house
click on svg house to view ............................
Comments
Post a Comment