What is SVG Generator in HTML5 ?
What is exactly SVG ?
SVG stands for Scalable Vector Graphics. It is used for creating and defining graphics for the webpage. It basically defines vector-based graphics in XML format. SVG graphics do NOT lose any quality if they are zoomed or resized. Every element and Attribute in SVG files can be animated.
Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML course.
What is its Container in HTML ?
HTML <svg> element container is used for defining the SVG graphics. The vector graphics created by using SVG generator are supported by all modern web browsers like Google Chrome, Mozilla Firefox, Microsoft Edge, etc. All these web browsers can display SVG Graphics without a 3rd Party software requirement, just like PNG, GIF, etc.
Note: SVG is a W3C recommendation! (Dated : 14 January 2003).
How to create Graphics using SVG ?
Given below are few examples of SVG graphics. These Samples are only for understanding.
1. SVG Rectangle
2. SVG Circle
3. SVG Star
What’s so special about SVGs ?
SVG have some advantages which make it preferable over other image formats like JPEG PNG GIF etc.
- SVG can be created and edited using any text editor.
- SVG can be scaled or zoomed easily.
- SVG offer high quality for any resolution.
- SVG are purely XML scripted.
Note: SVG is used for defining 2D Graphics. It is an XML-based tool.