Interactive SVG-SMIL animation tutorial
Jump to navigation
Jump to search
<pageby nominor="false" comments="false"/>
Introduction
This short tutorial will provide an introduction to adding some interactivity to dynamic SVG, ie. SVG-SMIL animation
Prerequisites:
See also:
Alternative reading:
- SVG Essentials/Animating and Scripting SVG (Chapter from the Eisenberg book)
Attention: You must use a recent HTML5 compliant browser (issued 2011 or later), e.g. FireFox, Chrome, Opera or Safari. These examples will not work with Internet Explorer 9.
Simple click and mouse-over examples
Motion animation
Example:
- http://tecfa.unige.ch/guides/svg/ex/smil-dom/drive-start.svg
- http://tecfa.unige.ch/guides/svg/ex/smil-dom/drive-start.html
Alternative examples: