SVG Unleashed

Chapter 6. Paths in SVG

IN THIS CHAPTER

• Using the path Element

• Creating Curves Using the path Element

• Applying Text to a Path

• The SVG DOM Interfaces

• Manipulating Paths Using the DOM

The basic SVG graphic shapes to which you were introduced in Chapter 3, “Basic SVG Elements and Shapes,” are limited in the range of shapes that they can create. You can use the SVG path element, by contrast, to create almost any arbitrary two-dimensional shape, including those that can be created using the basic graphic shapes. The exceptions are circles and ellipses.

A path in SVG is an arbitrary graphic shape that can be filled, stroked, or used as a clipping path. A path can consist of a straight line or a curved line or any combination of straight and curved lines. It ...