This article has multiple issues. Please help improve it or discuss these issues on the talk page. (Learn how and when to remove these template messages)
This article needs to be updated. Please help update this article to reflect recent events or newly available information.(February 2010)
This article's tone or style may not reflect the encyclopedic tone used on Wikipedia. See Wikipedia's guide to writing better articles for suggestions.(August 2014) (Learn how and when to remove this template message)
(Learn how and when to remove this template message)
Scalable Vector Graphics
sXBL
SVG Working Group
SVG filter effects
Precision Graphics Markup Language
Vector Markup Language
XHTML+MathML+SVG
SVG animation
v
t
e
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][4] of animating SVG-based hypermedia, supported by the Amaya (2003)[5] Opera (2006),[6] Mozilla Firefox (2011),[7] Google Chrome (2016) and Safari (2017) web browsers,[8] and any browser that aims to pass the Acid3 web standards test of 2008 (i.e. before the test's "simplification" in 2011) 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.[9] This method is also known as SVG+Time.[citation needed]
Because SVG supports Portable Network Graphics (PNG) and JPEG raster images, it can be used to animate such images as an alternative to APNG and Multiple-image Network Graphics (MNG).
^"Scalable Vector Graphics (SVG) 1.1 Specification". World Wide Web Consortium. January 2003 – April 2009. Archived from the original on 27 August 2006. Retrieved 4 February 2010.
^Festa, Paul (9 January 2003). "W3C releases scripting standard, caveat". CNet. Archived from the original on 17 May 2011. 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: Springer. p. 508. ISBN 9783540785460. Archived from the original on 2022-04-24. Retrieved 2022-04-24.
^SMIL 3.0. Archived from the original on 2022-04-24. Retrieved 2022-04-24.
^"SVG Animation support in Amaya". World Wide Web Consortium. 15 April 2003. Archived from the original on 11 September 2009. Retrieved 4 February 2010.
^McCathieNevile, Charles (31 October 2006). "Animating Your SVG". Opera Developer Community. Opera Software. Archived from the original on 7 March 2010. Retrieved 24 February 2010.
^"SVG animation with SMIL". 29 March 2011. Archived from the original on 30 April 2011. Retrieved 29 March 2011.
^"When can I use SVG SMIL animation?". Archived from the original on 2011-03-22. Retrieved 2011-03-29.
^Dahlström, Erik (August 2008). "Tricks of javascript, SVG and SMIL". Opera Software at "SVG Open" website. Archived from the original on 6 April 2009. Retrieved 24 February 2010.
primary means of creating animations and interactive user interfaces within SVG. Styling: Since 2008, the development of CSS Animations as a feature in WebKit...
Graphics (SVG) is an XML-based vector image format for defining two-dimensional graphics, having support for interactivity and animation. The SVG specification...
combined with other XML-based specifications such as with SVG (as has been done with SVGanimation) and with XHTML (as done with HTML+TIME). As of 2008[update]...
rigging for characters, which can speed up character animation considerably. CSS AnimationsSVGanimation list of animated Internet series List of Adobe Flash...
and ActionScript 3.0 scripting. Animations may be published for HTML5, WebGL, Scalable Vector Graphics (SVG) animation and spritesheets, and legacy Flash...
open-source alternatives such as SVG, animations are not portable across a range of computers or phones. PowerPoint animations however can be rendered with...
some web browsers. Other options for web animation include serving individual frames using AJAX, or animating SVG ("Scalable vector graphics") images using...
compatible animations. Technologies such as JavaScript and CSS animations made sequencing the movement of images in HTML5 web pages more convenient. SVG animations...
SVG filter effects are effects applied to Scalable Vector Graphics (SVG) files. SVG is an open-standard XML format for two-dimensional vector graphics...
SVGanimation of a pendulum wave with 12 pendulums, the lowest pendulum making 60 oscillations in one minute, the next 61, and so forth – in the animations...
controversies, CSS animations can be predominantly found and widely used across the internet. Flash animationSVGanimation "CSS Animations Level 1 Publication...
The SVG Working Group is a working group created by the World Wide Web Consortium (W3C) to address the need for an alternative to the PostScript document...
the rotation period (sped up 10 000 times, negative values denoting retrograde), flattening and axial tilt of the planets and the Moon (SVGanimation)...
Boxy SVG is a vector graphics editor for creating illustrations, as well as logos, icons, and other elements of graphic design. It is primarily focused...
the rotation period (sped up 10 000 times, negative values denoting retrograde), flattening and axial tilt of the planets and the Moon (SVGanimation)...
working mechanical-systems models at Cornell. "Epicyclic gearing animation in SVG" "Animation of Epicyclic gearing" The "Power Split Device" The "Interactive...
motion, and cut-out animation, or using techniques like rotoscoping. Walkcycle tutorial from http://www.idleworm.com "svganimation". Retrieved 18 April...
were later joined and improved upon to create Scalable Vector Graphics (SVG). The ArgoUML CASE tool is able to export UML diagrams in PGML. List of vector...
sXBL (SVG's XML Binding Language) is a mechanism for defining the presentation and interactive behavior of elements described in a namespace other than...
The golden age of American animation was a period in the history of U.S. animation that began with the popularization of sound synchronized cartoons in...
web and otherwise. The SVG format does not have a compression scheme of its own, but due to the textual nature of XML, an SVG graphic can be compressed...
complete implementation of SVG declarative animation SMIL features, and some of the SVG 1.2 late October 2004 working draft (see SVG's Development history)...