SVG: Difference between revisions

From XPUB & Lens-Based wiki
No edit summary
No edit summary
Line 18: Line 18:


[http://www.svgopen.org/ SVG Open Conference], hosted by Microsoft
[http://www.svgopen.org/ SVG Open Conference], hosted by Microsoft
== SVG Animation ==


SVG's can be animated in 3 ways:
SVG's can be animated in 3 ways:
Line 23: Line 25:
* [http://www.w3.org/TR/2011/REC-SVG11-20110816/animate.html SVG Animation]
* [http://www.w3.org/TR/2011/REC-SVG11-20110816/animate.html SVG Animation]
** http://developer.mozilla.org/en/SVG/SVG_animation_with_SMIL
** http://developer.mozilla.org/en/SVG/SVG_animation_with_SMIL
* [http://dev.w3.org/csswg/css3-animations/ CSS Animations]
* [http://dev.w3.org/csswg/css3-animations/ CSS Animations] -- Experimental, not yet practical?!

Revision as of 16:21, 13 October 2011

Scalable Vector Graphics

SVG is a language for describing two-dimensional graphics in XML [XML10]. SVG allows for three types of graphic objects: vector graphic shapes (e.g., paths consisting of straight lines and curves), images and text. Graphical objects can be grouped, styled, transformed and composited into previously rendered objects. The feature set includes nested transformations, clipping paths, alpha masks, filter effects and template objects.

SVG drawings can be interactive and dynamic. Animations can be defined and triggered either declaratively (i.e., by embedding SVG animation elements in SVG content) or via scripting.

In proprietary terms, SVG could be compared to a vector-graphics formats like those used by Adobe Illustrator or Flash.

SVG Open Conference, hosted by Microsoft

SVG Animation

SVG's can be animated in 3 ways: