|
Summary
Introduction to Scalable Vector Graphics
As the name implies, SVG is a graphic format. Some other graphics formats are also text (as SVG is) but SVG is not only text - it's XML as well!
Because SVG is written in XML, it graphics can easily be generated by code on web servers using standard XML tools! Here are some other things you might already know about SVG! :)
Plain text format -- SVG files can be read and modified by a range of tools, and are usually much smaller and more compressible than comparable JPEG or GIF images.
Scalable -- Unlike bitmapped GIF and JPEG formats, SVG is a vector format, which means SVG images can be printed with high quality at any resolution, without the staircase effects you see when printing bitmapped images.
Zoomable -- You can zoom in on any portion of an SVG image and not see any degradation.
Searchable and selectable text -- Unlike in bitmapped images, text in SVG text is selectable and searchable. For example, you can search for specific text strings, like city names in a map.
Scripting and animation -- SVG enables dynamic and interactive graphics - such as the Flashâ„¢ graphics we are familiar with these days.
Open standard -- SVG is an open recommendation developed by a cross-industry consortium. Unlike some other graphics formats, SVG is not proprietary. However there might be patent (read: royalty) battles soon, so keep that in mind!
True XML -- As an XML grammar, SVG offers all the advantages of XML!
It's a 2D (not 3D) graphics solution at this time
SVG offers anti-aliased rendering, pattern and gradient fills, sophisticated filter-effects, clipping to arbitrary paths, text and animations.
SVG (unlike Flash) is a W3 recommendation
It is explicitly designed to work with other XML technologies such as CSS, DOM and SMIL
Mozilla already renders SVG natively!! For most other browsers you will have to download and use a plugin (Adobe has one for example)
Read more about the SVG project at Mozilla here: http://www.mozilla.org/projects/svg/
You can find a list of editors and implementations here: http://www.w3.org/Graphics/SVG/SVG-Implementations
Adobe has some interesting demonstrations here: http://www.adobe.com/svg/demos/main.html
If you have Mozilla (which includes SVG support) or a plugin (Adobe for example) here are several examples: http://www.croczilla.com/svg/
There is also an SVG DOM (document object model) which is compatible with the DOM document most XML programmers are familiar with - read about i here: http://www.w3.org/TR/SVG/svgdom.html
|