O'Reilly logo

Sams Teach Yourself SVG in 24 Hours by Micah Laaker

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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, ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required