Welcome to the SVG Tutorial. SVG (Scalable Vector
Graphics) is the
recently released W3C open standard for creating
two-dimensional (2D), dynamic, and interactive graphics
to be delivered over the Web.
This tutorial introduces you the fundamentals
of SVG from the ground up. In this tutorial, you'll
- the key concepts and functionality in SVG,
- the structure, organization and syntax of an SVG document,
- the major SVG graphic elements and their attributes,
- how to create graphical objects, animated and interactive
graphics using SVG
Each session in this tutorial builds
on the concepts learned in earlier sessions. Each
drawing lesson contains coding
examples to demonstrate
you how the SVG graphics
or painting effects are created.
The quiz at the end of each session helps you test
your knowledge of the materials you have
This tutorial is for SVG beginners.
No prior experience with SVG is necessary.
XML experience is not required, but a familiarity with
at least one tagging language (such as HTML) will be useful.
The tutorial demonstrates the building of SVG documents.
To follow along, you will need an editor and a viewer: