Fundamentals of SVG Programming: Concepts to Source Code (Graphics Series)

Summary

This chapter focused on showing you how to dynamically add or remove SVG elements from the DOM of an SVG document. This type of dynamic update also relied on the ability to capture the following mouse-related events:

• the SVG mouseover element to start animation effects

• the SVG mouseout element to end animation effects

• the SVG onclick element and ECMAScript functions for updating or deleting existing SVG elements

• the SVG onclick element and ECMAScript functions for dynamically creating new SVG elements

• graphics images and hyperlinks