 | Level: Introductory Nicholas Chase (nicholas@nicholaschase.com), Author, Studio B
01 Mar 2004 Scalable Vector Graphics (SVG) makes it possible to specify, using text, graphical images that appear on a Web page. The advantages are many, including the ability to easily generate graphics (such as graphs and charts) from database information, and the ability to add animation and interactivity to graphics. This tutorial demonstrates the concepts necessary for building SVG documents, such as basic shapes, paths, text, and painting models, and also animation and scripting.
Prerequisites
XML experience is not required, but a familiarity with at least one tagging language (such as HTML) will be useful. JavaScript is used for a single scripting example at the end of the tutorial, but is kept fairly simple.
System requirements
- A plain text editor, such as Notepad, is all you need to create SVG files (but not to take this tutorial).
- An SVG viewer. The most up-to-date SVG viewer as of the time of this writing is Adobe's SVGViewer, version 3.0, available free from Adobe at http://www.adobe.com/svg/viewer/install/main.html.
- You will need JavaScript enabled on your browser.
Duration
Under one hour
Formats html, pdf
| | | |
