SVG Kickstart 2: Passing Second Grade Geometry with Flying Colors (and Shapes)
Table of Contents
- SVG KICKSTART TUTORIAL #1
- SVG KICKSTART TUTORIAL #2
- 1. Introduction
- 2. Serving Up A Slice of SVG Pie
- 3. The Shape Of Things And Other Stuff
- 4. Colour Me Stupid
- 5. Basic Shapes And Colours Are Boring!
- 6. Don't Be A Tool, Use A Tool
- 7. Conclusion
1. Introduction
Welcome to the next installment of the SVG Kickstart tutorials. If you haven't read the first installment in this series, I highly suggest you do. From here on out, I'm going to assume that you have a browser/viewer capable of at least some SVG output and that you are at least a little familiar with XML/SVG syntax.
As a refresher, we spent our time in the first tutorial discussing the merits of the SVG format and some of the areas it could help improve on the World Wide Web. I also hinted that the SVG format has a lot more to offer than the primitive shapes shown in SVG Kickstart #1. Now we won't go very far into these fancy features quite yet in this tutorial (modern browsers can't do most of these features yet anyway, although the Adobe SVG Viewer is quite capable). But by the end of this tutorial, you'll have gained a fundamental understanding of the basics of SVG and be ready to tackle the flashier side in future tutorials.