SVG Tutorials

SVG Introduction

SVG Intro



SVG stands for Scalable Vector Graphics. SVG files are in pure XML format.


What is SVG?

  • Its stands for Scalable Vector Graphics
  • It defines vector-based graphics for Web
  • It defines graphics in XML format
  • Every element and every attribute in SVG files can be animated
  • It is recommended by W3C.
  • We can integrate it with other W3C standards like DOM and XSL


Purpose of SVG:-


Its basic purpose is to define vector-based graphics for the Web. It defines graphics in XML Format. We can animate each and every element in it.


Advantages of SVG:-


  • Its images can be created and edited by any text editor.
  • Its images are scalable.
  • They are high-resolution images and can be zoomed in to large extent.
  • They do not lose the quality even if they are zoomed or resized.
  • SVG is an open standard; we can perform a search, index, script, and compresses operations on it.


Code Explanation

All Tutorials related to SVG Tutorials

All Sections related to SVG