SVG - SPLessons

Chapter 1

SVG Tutorials

SVG Tutorials

This chapter demonstrates about the SVG Tutorials like what is SVG and how to create and use SVG. In order to use the SVG user should be familiar with the Adobe illustrator, HTML, CSS and JavaScript. Following are the concepts are covered in this chapter.

  • What is SVG
  • History Of SVG
  • Advantages & Disadvantages

What is SVG

SVG Stands for Scalable Vector Graphic which is a two dimensional vector based graphic format and the name implies that is a scalable, i.e user can resize the dimension with out any loss of quality. Scalability allows user to use single graphics, which is rendered crisp and clean regardless of the pixel density or resolution.

SVG is recommended by W3C and which is also integrated with the other standards like DOM and XSL. SVG is an open source technology.

History Of SVG

The first public draft of SVG introduced in 1999 but which did not become a working draft, few months later SVG got candidate recommendation by W3C in August 2000.

The current version of SVG is 1.1 which was published as a W3C recommendation in August 2011. Earlier SVG was not supported by all the browsers but now supported by all the modern browsers. The wide Adoption of responsive web design with improved tools increased the use of SVG in web development projects.

Advantages & Disadvantages

Following are some of the Advantages and Disadvantages Of SVG.

Advantages

Disadvantages


Summary

  • SVG is developed by World Wide Consortium.
  • SVG images are defined in XML text files.
  • SVG supported by all the modern browsers.