Books/Tutorials to Learn SVG [closed]

Question

Does anyone here know SVG? If so, how did you learn it?

Any books/tutorial pointer will be beneficial. Also I am a programmer, not a designer, so I want to pick up some skills there too.

Answer 1

I learned it with the spec: Scalable Vector Graphics on W3C. See SVG 1.1 specification. A bit dry, but that's the real thing. They also provide lot of links to resources.
Of course, I recommend to read the XML specification first... :-) A bit of JavaScript knowledge can help too.

Answer 2

In answer to your question: Yes, I do know SVG - or at least a subset of it.

How I learnt it: I had a specific task I wanted to solve and SVG seemed like the easiest course. It was a mapping system so I needed a small subset of the functions and then to output the image as jpg. For that I used Batik, looking through their examples, seeing how the images are constructed in XML is surprisingly helpful and asking questions on forums/mailing lists. Also making mistakes is helpful, if frustrating at times.

Answer 3

You could have a look at the SVG tutorial at w3schools. They also have a SVG reference there.

Another very good source is SelfSVG, but it is in german.

Answer 4

I learned it developing SVG Tiny software, mostly by reading the spec. SVG Tiny is basically a subset of full SVG and is focused on use in mobile phones and other "devices".

Adding to the links from previous answers, KevLinDev has a bunch of beginner-friendly tutorials.

EDIT: Removed Ikivo Animator link, since it is now leading to an entirely different kind of site.

Answer 5

You can practice SVG paths with this utility: Spark Path Utility

Answer 6

http://en.wikibooks.org/wiki/SVG might help.