O'Reilly logo

Designing SVG Web Graphics by Andrew H. Watt

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

Navigation Bars

The requirements document for the SVG specification states explicitly that SVG was intended to replace “many uses” of bitmap graphics. One of the most common uses for bitmap and, to a degree, binary vector graphics on the Web has been for the creation of navigation graphics, whether it is simple text, buttons, 3D buttons, or something a little more sophisticated. Needless to say, any of the commonly used types of navigation graphics can be created straightforwardly using SVG. In this chapter, I show you how to create a variety of SVG navigation graphics for Web pages, to familiarize you with the relevant techniques.

The most interesting types of navigation “furniture” incorporate additional SVG visual components, such as animations, ...

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