HTML5 SVG Concepts

SVG stands for Scalable Vector Graphics. It is a feature of HTML5 for describes about 2D graphics.SVG element is denoted as <svg>,Which is a container of SVG graphics.For vector epresentation and for 2 dimentional drawings we use svg.Since SVG is vector based it can easily handles scaling.

Features Of SVG

1. SVG support event handlers.
2. Not suitable for games and animations only applicable for application with large rendering area.
3. Resolution independent.
4. In HTML5 documents <svg> tag behaves like an inline block.


A simple SVG document provides a single element <svg>.But like in HTML , SVG also has some elements for rectangle,circle and canvas.For grouping the some basic shapes SVG use an element known as <g>

Related Articles

Jesna N Scaria

Articles : 32

I am a Software Developer at Leedhar Technologies
India India