In this post I try to intoduce Scalable Vector Graphics(SVG) with some examplesScalable Vector Graphics is used to define vector-based graphics for the high end Web Applications. It defines the graphics in XML format.
The main advantage of SVG is it does not make any lose in quality even if they are zoomed or resized. One of the added advantage of SVG is every element and every attribute in SVG files can be animated. Here we can see a example of creating an circle with SVG
<!DOCTYPE html>
<html>
<body>
<h1>Circle Using SVG</h1>
<svg>
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="green" />
</svg>
</body>
</html>
