SVG

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

• http://www.w3.org/Graphics/SVG/
• SVG 1.1 Specification (W3C)
  • Basic Shapes

Embedding SVG

• Embedding SVG!

Events

SVG Open Conference

SVG Animation

SVG's can be animated in 3 ways:

• Javascript
• SVG Animation
  • http://developer.mozilla.org/en/SVG/SVG_animation_with_SMIL
• CSS Animations -- Experimental, not yet practical?!