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>

SVG square-

Example-

<svg width="100" height="100">
<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>

SVG line-

Example-

<svg height="100" width="100">
<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

Popular posts from this blog

python pattern programming

Decision making statement in python

Looping statement in python