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

Summary

This chapter focused on how to use SVG elements for applying transformations to graphics images. You can also 'animate' these transformations to create animation effects in SVG documents. Although these animation effects require considerable effort in traditional programming languages, you may be surprised that these effects can be created simply by including a few lines of code. These animation effects are created via the SVG animateTransform element, which can be used in conjunction with the following SVG functions:

• the SVG translate function

• the SVG rotate function

• the SVG scale function

• the SVG skew function

• the SVG matrix function