O'Reilly logo

Special Edition Using XML, Second Edition by - et al. David Gulbransen

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

Paths in SVG

The shapes that you have seen so far are all very regular shapes—but many shapes used in drawings, diagrams, or maps are not simple shapes such as those. All the shapes you have seen so far can be described using the SVG <path> element, although the syntax shown earlier provides a convenient shortcut to create certain shapes.

The <path> Element

Perhaps the easiest way to visualize what the <path> element does is to think of drawing using a pen on a sheet of graph paper. If you were being instructed how to draw, you might be told where to move the pen, when to apply it to the graph paper, what coordinate to draw to, and whether to use a straight line or a curve.

The <path> element has a complex set of options that we won't cover in ...

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