SVG animation
From Wikipedia, the free encyclopedia
 |
This article is outdated. (February 2010) |
| Scalable Vector Graphics | |
|---|---|
Note: MediaWiki automatically generates static, non-animated thumbnails of SVG images. Viewing the actual .svg image from the description page will show its animation in a compatible browser.
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 Document Object Model (DOM).
- SMIL: Synchronized Multimedia Integration Language, a recommended means[1][2][3] of animating SVG-based hypermedia is currently supported by the Safari, Opera, Mozilla Firefox, Google Chrome and Amaya web browsers,[4][5][6][7] 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]
Because SVG supports PNG and JPEG raster images, it can be used to animate such images as an alternative to APNG and Multiple-image Network Graphics.
See also [edit]
 |
Wikimedia Commons has media related to: SVG animation |
References [edit]
- ^ Scalable Vector Graphics (SVG) 1.1 Specification. World Wide Web Consortium. 14 January 2003, edited in place 30 April 2009. Retrieved 4 February 2010
- ^ Festa, Paul (9 January 2003). "W3C releases scripting standard, caveat". CNet. Retrieved 24 February 2010.
- ^ Bulterman, D.C.A.; Lloyd Rutledge (November 2008). SMIL 3.0: Interactive Multimedia for the Web, Mobile Devices and Daisy Talking Books. X.media.publishing (2nd ed.). New York: NY: Springer. p. 508. ISBN 978-3-540-78546-0.
- ^ McCathieNevile, Charles (31 October 2006). "Animating Your SVG". Opera Developer Community. Opera Software. Retrieved 24 February 2010.
- ^ "SVG animation with SMIL". 29 March 2011.
- ^ "When can I use SVG SMIL animation?".
- ^ "SVG Animation support in Amaya". World Wide Web Consortium. 15 April 2003. Retrieved 4 February 2010.
- ^ Dahlström, Erik (August 2008). "Tricks of javascript, SVG and SMIL". Opera Software at SVG Open. Retrieved 24 February 2010.
External links [edit]
- SVG 1.1 Specification - Animation
- SVG Animation and other SVG Tutorials
- SMIL animations embedded in SVG - Chapter from SVG Primer (W3C)
|
||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||
|
|||||||||||||
 |
This animation-related article is a stub. You can help Wikipedia by expanding it. |
