Defining Interactive

SVG graphics can be interactive, where they respond to a variety of user-initiated events, such as clicking a mouse button, moving the mouse over a particular part of an image, or zooming and panning an SVG image.

You can create interactivity on an SVG image by using events, such as a mouse click, to initiate SVG declarative animation or to initiate scripts. This chapter demonstrates the use of declarative SVG to create interactivity based on the SVG events that are accessible to declarative syntax.

One specific type of interactivity, linking to other pages, was described in Chapter 5, “Creating Navigation Bars,” in connection with the use of the SVG <a> element in navigation bars.

Get Designing SVG Web Graphics now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.