Sams Teach Yourself SVG in 24 Hours

Hour 5. SVG's Shape Toolbox

Now that you're familiar with how an SVG document is set up and structured, you are ready to move on to more exciting challenges. Vector graphics are generally made from a variety of shapes. Unlike raster imagery, such as a photograph, vector artwork is composed of a series of strokes (lines) and fills that define geometric shapes, such as rectangles, ellipses, and freeform paths.

Before you can learn to “paint” your artwork (with fills and strokes), you must learn how to draw the shapes that define the borders for such painting. In this chapter, you will learn how to create the following shapes:

• rectangles

• circles and ellipses

• polygons, polylines, and lines

• freeform paths

After learning how to draw each of these shapes, ...