SVG or Scalable Vector Graphics is an open W3C standard for graphics on the web. "Vector graphics" means that the SVG images are made up of lines, curves and other "smooth" elements, unlike "bitmap" formats such as GIF, JPEG or PNG. When you zoom on these bitmap formats they become grainy and blocky, but when you zoom on an SVG, it stays smooth.1
While Flash and SVG can draw essentially the same things, there are important differences:2 1. Flash is a proprietary format. Although some of the Flash "SWF" file format specification is available, there are restrictions on its use. 2. SVG is XML-based. Loosely speaking, that means it looks a lot like HTML, and can be edited by hand or easily output from any scripting language, such as PHP. Flash is a binary format, which makes generating it "on the fly" much more difficult - although tools to do that with PHP and other languages do exist. 2 http://www.boutell.com/newfaq/definitions/svg.html
A transform refers to a movement of a geometric kind; a translation (movement), rotation, scale or skew (shear). 4 See the SVG spec for more on transformations .
<svg xmlns="http://www.w3.org/2000/svg" id="svgroot" height="480" width="640"> <!-- created with SVG-edit - http://svg-edit.googlecode.com/ --> <rect transform="rotate(-19, 181, 185)" stroke-opacity="1" fill-opacity="1" stroke-width="5" stroke="#000000" fill="#FF0000" id="svg_1" height="209" width="209" y="81" x="77"/> </svg> 4. http://www.svgbasics.com/rotate.html Note : transforms like these can also be used in SMIL animations and triggered via JS events. Reviewing some examples on svgweb or raphael demos to see how these work
SVG, the Scalable Vector Graphics standard, has been "held hostage" of its lack of support in Internet Explorer for the last 6 years since SVG 1.1 became a W3C recommendation.