An example of
SVG animation using
SMIL. (
Wikipedia automatically generates static, non-animated thumbnails of SVG images, but you can click through to the animated original using any compatible browser like Opera or Amaya)
Animation of Scalable Vector Graphics, an open XML-based standard vector graphics format, is possible through various means:
- Scripting: ECMAScript is a primary means of creating animations and interactive user interfaces within SVG.
- Styling: Since 2008, the development of CSS Animations as a feature in WebKit has made possible stylesheet-driven implicit animation of SVG files from within the DOM.
- SMIL: Synchronized Multimedia Integration Language, a recommended means[1][2][3] of animating SVG-based hypermedia is currently supported by the Safari 4, Opera and Amaya browsers[4][5], although unstable releases of Firefox pre-3.6[6][7] and Chrome 2 have added support, as will any browser that aims to pass the Acid3 web-standards test as this requires SMIL support for tests 75 and 76. Libraries have also been written as a shim to give current SVG-enabled browsers SMIL support.[8] This method is also known as SVG+Time[citation needed].
Web browser support
As of 2008, numerous layout engines and web rendering frameworks, including WebKit (Safari, Chrome), KSVG, Gecko (Mozilla Firefox) and Presto (Opera) support animation of SVG to various levels.
SVG animation editors
The following is a list of available SVG editors that include animation as a manipulable capability.
See also
References
- ^ Scalable Vector Graphics (SVG) 1.1 Specification, 2003-01-14, http://www.w3.org/TR/SVG11/animate.html#Animation.classExample
- ^ Paul Festa (2003-01-09), W3C releases scripting standard, caveat, CNET.com
- ^ Bulterman, D.C.A., & Rutledge, L. (2008). SMIL 3.0. New York, NY: Springer.
- ^ McCathieNevile, Charles (2006-10-31). "Animating Your SVG". Opera Software ASA. http://dev.opera.com/articles/view/animating-your-svg/. Retrieved 2009-03-06.
- ^ W3C (2003-04-15). "SVG Animation support in Amaya". W3C. http://www.w3.org/2003/03/amayasvganim.html. Retrieved 2009-09-07.
- ^ Gianopoulos, Bill (1 April 2009). "Firefox 3.6pre Testing Builds". http://www.wg9s.com/mozilla/firefox/. Retrieved 2009-04-02.
- ^ Birtles, Brian (17-01-2009). "SVG SMIL Animation in Mozilla". http://brian.sol1.net/svg/2009/01/17/wet-blanket/. Retrieved 2009-04-02.
- ^ Dahlström, Erik (2008-08-??). "Tricks of javascript, SVG and SMIL". Opera Software ASA. http://svgopen.org/2008/presentations/70-Tricks_of_Javascript_and_declarative_animation/index.html. Retrieved 2009-03-06.
External links
This entry is from Wikipedia, the leading user-contributed encyclopedia. It may not have been reviewed by professional editors (see full disclaimer)
