SVG: Difference between revisions
No edit summary |
No edit summary |
||
(8 intermediate revisions by the same user not shown) | |||
Line 10: | Line 10: | ||
</blockquote> | </blockquote> | ||
SVG can be compared to a proprietary vector graphic formats like those used by Adobe Illustrator or Flash. | |||
== Specification == | |||
* http://www.w3.org/Graphics/SVG/ | * http://www.w3.org/Graphics/SVG/ | ||
Line 16: | Line 18: | ||
** [http://www.w3.org/TR/SVG11/shapes.html Basic Shapes] | ** [http://www.w3.org/TR/SVG11/shapes.html Basic Shapes] | ||
* [http://www. | == Embedding SVG == | ||
* [http://www.schepers.cc/svg/blendups/embedding.html Embedding SVG!] | |||
== Events == | |||
[http://www.svgopen.org/ SVG Open Conference] | |||
== SVG Animation == | |||
SVG's can be animated in 3 ways: | |||
* Javascript | |||
* [http://www.w3.org/TR/2011/REC-SVG11-20110816/animate.html SVG Animation] | |||
** http://developer.mozilla.org/en/SVG/SVG_animation_with_SMIL | |||
* [http://dev.w3.org/csswg/css3-animations/ CSS Animations] -- Experimental, not yet practical?! |
Latest revision as of 14:02, 1 October 2013
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.
SVG can be compared to a proprietary vector graphic formats like those used by Adobe Illustrator or Flash.
Specification
Embedding SVG
Events
SVG Animation
SVG's can be animated in 3 ways:
- Javascript
- SVG Animation
- CSS Animations -- Experimental, not yet practical?!