Scalable Vector Graphics
Scalable Vector Graphics (SVG) is a language for describing two-dimensional static and animated vector graphics in XML.
SVG became a W3C recommendation in September 2001. SVG was developed in a long process after Macromedia and Microsoft introduced VML whereas Adobe and Sun Microsystems submitted a competing format known as PGML. SVG is natively supported in the Amaya web browser. In other ones, a plugin, like Adobe SVG Viewer (http://www.adobe.com/svg/viewer/install/main.html) or Corel SVG Viewer (http://www.corel.com/servlet/Satellite?pagename=Corel/Downloads/Details&id=1047022177437), is needed to see SVG images, but they can be displayed by external editors and viewers. A special version of Mozilla, called "Croczilla", now supports parts of the W3C SVG Standard, but much is still unsupported; the eventual goal is that SVG can be displayed without any need for plug-ins. The KDE project's Konqueror web browser also has a fairly complete SVG implementation called ksvg (http://svg.kde.org/), and that support will likely filter down to Apple Computer's Safari web browser in the future. Java programs can make use of the Batik SVG Toolkit (http://xml.apache.org/batik/) to render, generate, and manipulate SVG graphics.
From the W3C Overview of SVG (http://www.w3.org/Graphics/SVG/):
- SVG allows three types of graphic objects:
- vector graphic shapes (e.g. paths consisting of straight lines and curves, and areas bounded by them)
- raster graphics images / digital images
- text
- Graphical objects can be grouped, styled, transformed and composited into previously rendered objects. Text can be in any XML namespace suitable to the application, which enhances searchability and accessibility of the SVG graphics. The feature set includes nested transformations, clipping paths, alpha masks, filter effects, template objects and extensibility.
- SVG drawings can be dynamic and interactive. The Document Object Model (DOM) for SVG, which includes the full XML DOM, allows straightforward and efficient vector graphics animation via ECMAScript or SMIL. A rich set of event handlers such as onmouseover and onclick can be assigned to any SVG graphical object. Because of its compatibility and leveraging of other Web standards, features like scripting can be done on SVG elements and other XML elements from different namespaces simultaneously within the same web page.
SVG rivals Macromedia Flash in terms of potential and power, and is an open standard, unlike Flash; on the other hand, the Flash plugin is much more wide-spread than its SVG counterparts.
Tools
Most of the major drawing software packages such as Adobe Illustrator and Corel Draw support SVG export. OpenOffice.org Draw 1.1 and up can also export SVG files whilst SVGmaker (http://www.svgmaker.com) creates SVG from standard Windows programs including the ubiquitous Office suite. Sodipodi and Inkscape are two other (open source, multi-platform) tools that use the SVG format. Sketsa (http://www.kiyut.com/products/sketsa/index.html) is another native SVG Graphics Editor.
See also
External links
- W3C SVG Pages (http://www.w3.org/Graphics/SVG/)
- Adobe SVG Plugin (http://www.adobe.com/SVG/), Adobe SVG Demos (http://www.adobe.com/svg/demos/main.html)
- Mozilla SVG (http://www.mozilla.org/projects/svg/) and Mozilla SVG Demos (http://www.croczilla.com/svg/)
- SVGopen (http://www.svgopen.org/), annual international conference on Scalable Vector Graphics
- SVG maps and OpenSVGMapServer (http://www.carto.net/projects)
- SVG Wiki (http://www.protocol7.com/svg-wiki/default.asp)
- librsvg SVG renderer for GNOME, and Mozilla/Firebird plugin (http://librsvg.sourceforge.net/)
- Sample SVG files created from popular programs (http://www.svgmaker.com/examples.htm)
- ksvg SVG renderer for KDE/khtml (http://svg.kde.org/)
- SVG Perl module (http://search.cpan.org/~ronan/SVG-2.30/)
- SVG: A Sure Bet (http://www.xml.com/pub/a/2003/07/16/svg-prescod.html)
- Vector-based Web Cartography: Enabler SVG (http://www.carto.net/papers/svg/index_e.shtml)
- Descriptions from Webreference (http://www.webreference.com/authoring/languages/svg/)
- discussion about free implementations (http://dot.kde.org/1027528942/1027578768/1027622199/)
- VML Specification (http://www.w3.org/TR/NOTE-VML)
- PGML Specification (http://www.w3.org/TR/1998/NOTE-PGML-19980410)
- vmlsource.com (http://www.vmlsource.com/)
- Introduction to Vector Markup Language (http://msdn.microsoft.com/library/default.asp?url=/workshop/author/vml/default.asp)
- SVG Basics - beginner tutorials on SVG (http://www.svgbasics.com)
- Sketsa - SVG Graphics Editor (http://www.kiyut.com/products/sketsa/index.html)
- peepo (http://www.peepo.co.uk) an SVG portal for people with learning difficulties
SVG clipart
- Open Clip Art Library (http://www.openclipart.org/)
- Sodipodi Clipart Page (http://www.sodipodi.com/index.php3?section=clipart/clipart)
- GNOME themes extras package (http://librsvg.sourceforge.net/theme.php)
- Crystal Icons (http://everaldo.com/crystal.html)
- Gartoon Icons Theme (http://zeus.qballcow.nl/icons.php)
- BlueSphere Icon Theme (http://svgicons.sourceforge.net/)
See also m:SVG image support. It is not yet possible to embed SVG files in wikipedia articles as with ordinary images: e.g. [[Image:Wp sunflower yellow.svg]]. da:Scalable Vector Graphics de:Scalable Vector Graphics es:Scalable Vector Graphics fr:Scalable vector graphics nl:Scalable Vector Graphics ja:SVG pl:SVG pt:SVG sl:SVG fi:SVG sv:SVG zh:SVG