Creating a navigation menu
In this recipe, we will recycle some of the examples from this chapter to build a page with navigation and content made up of SVG files. We will create the navigation elements in one SVG file, and use the other examples from this chapter to serve as page content. We will also see how the rectangle element box limitation we are used to in HTML doesn't exist in SVG, and we can happily have irregularly shaped clicking areas corresponding exactly to our SVG objects.
How to do it...
The following steps will demonstrate the creation of a navigation menu:
1. Open the Document Properties (Shift + Ctrl + D) dialog and change the Background: to opaque black by moving the L slider to the left and A to the right. The document background will turn black.
2. Select the Calligraphy tool (Ctrl + F6 or C), set the fill of the future object to White by clicking on the chip on the color palette, and remove the stroke by clicking on the none chip while holding Shift. Check that the...
