Does anybody know of a good beginner's tutorial on SVG?

Question

Hi Guys,

I was looking for 1) a tutorial and 2) a comprehensive reference on SVG. Does anybody know of / has used a tutorial or reference for SVG?

EDIT: Thanks guys! This was very helpful. I hope this is useful for others on SO as well.

Answer 1

The best reference is the W3C specification

If you're familiar enough with these types of graphics models, a tutorial isn't much extra value beyond the spec.

Answer 2

for 1) I can recommend selfsvg, but only for the german-speaking audience.

Answer 3

After evaluating a few contenders, I found the W3schools site to have a pretty good tutorial as well as a reference on SVG:

http://www.w3schools.com/svg/default.asp

Answer 4

David Duce, Ivan Herman and Bob Hopgood put together a stunning tutorial on SVG, written in SVG - it's one of the most compelling tutorials I have seen. They take a duck as their primitive and show how it can be rendered, transformed and animated. There's a PDF copy at

http://www.w3.org/2002/Talks/www2002-svgtut-ih/hwtut.pdf

This in itself is well worth reading.

I think the actual SVG tutorial was never mounted Openly - I had a copy - but I wouldn't mount it without permission. However I expect by now David might let it out.

Answer 5

Here is a list of SVG books and articles from the svg.org wiki but out of those I'd recommend the SVG Primer by David Dailey (available free online from the w3c) and the SVG Essentials book by David Eisenberg (available for free online from O'Reilly).