Google
 
   
Login
Username:

Password:


Lost Password?

Register now!
Search
Main Menu
top books
Polls
What do you think about php-deluxe.net?
Excellent!
Cool
Hmm..not bad
What the hell is this?
encyclopedia
recommendation
compare webbrowser
Freenet DSL
Who's Online
4 user(s) are online (4 user(s) are browsing encyclopedia)

Members: 0
Guests: 4

more...
browser tip
Unix Befehle
manual of unix befehle
recommendation!
Sponsored
partner

Scalable Vector Graphics

Scalable Vector Graphics (SVG) is an XML markup language for describing two-dimensional vector graphics, both static and animated. It is an open standard created by the World Wide Web Consortium, which is also responsible for standards like HTML and XHTML.

=Overview=

SVG allows three types of graphic objects: #vector graphic shapes (e.g. paths consisting of straight line (mathematics)s and curves, and areas bounded by them) #raster graphics images / digital images #text

Graphical objects can be grouped, styled, transformed and composited into previously rendering (computer graphics) 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 Synchronized Multimedia Integration Language. 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.

If storage space is an issue, SVG images are sometimes saved with Gzip compression, in which case they may be called SVGZ files . Because XML contains a lot of redundant data, XML tends to data compression very well and these files can be much smaller. Often however the original vector-file (SVG) is already smaller than the rasterized version

=Mobile profiles=

Because of industry demand, two mobile profiles were introduced with SVG 1.1: SVG Tiny (SVGT) and SVG Basic (SVGB). These are subsets of the full SVG standard, mainly intended for user agents with limited capabilities. In particular, SVG Tiny was defined for highly restricted mobile devices such as cellphones, and SVG Basic was defined for higher level mobile devices, such as Personal digital assistant.

Neither mobile profile includes support for the full DOM, while only SVG Basic has optional support for scripting, but because they are fully compatible subsets of the full standard most SVG graphics can still be rendered by devices which only support the mobile profiles.

=Development history=

SVG was developed by the World Wide Web Consortium SVG Working Group starting in 1998, after Macromedia and Microsoft introduced Vector Markup Language (VML) whereas Adobe Systems and Sun Microsystems submitted a competing format known as PGML. The Working Group was chaired by Chris Lilley (W3C) of the W3C.

  • SVG 1.0 became a World Wide Web Consortium#Recommendations and Certifications on 2001-09-04.
  • SVG 1.1 became a W3C Recommendation on 2003-01-14.
  • SVG Tiny and SVG Basic (the Mobile SVG Profiles) became W3C Recommendations on 2003-01-14. These are described as profiles of SVG 1.1.
  • SVG 1.2 Mobile (Tiny) and SVG 1.2 Full are both currently World Wide Web Consortium#Recommendations and Certifications. SVG 1.2 Mobile was initially released as a profile, and later refactored to be a complete specification, including all needed parts of SVG 1.1 and SVG 1.2. A similarly refactored draft for SVG 1.2 Full has not yet been released.
  • =Support for SVG in browsers and other applications=

    The use of SVG on the web is in its infancy. There is a great deal of inertia from the long-time use of completely raster formats, but also browser support is patchy, with users of most browsers having to install a plugin. Web sites which serve SVG images typically also provide the images in a raster format, either automatically by HTTP content negotiation or allowing the user to directly choose the file. Alternative images are usually automatically rasterised using a library such as ImageMagick , which provides a quick but incomplete implementation of SVG or Batik , which implements all of SVG, but is slower.

    Some currently supports the SVG format.

    ==Plugin support==

    In some browsers, such as Internet Explorer, a Plugin is needed to see SVG images in the browser window. Currently available SVG plugins on the desktop include [http://www.adobe.com/svg/viewer/install/main.html Adobe SVG Viewer] and [http://www.corel.com/servlet/Satellitepagename=Corel/Downloads/Details&id=1047022177437 Corel SVG Viewer] (no longer supported).

    ==Native support==

    There are several advantages to native support. For example there is no need for a plugin, SVG can be mixed with other formats in a single document, and scripting between different document formats is a lot more reliable.

  • The Opera (web browser) web browser (since 8.0 Beta 3) has support for the SVG 1.1 Tiny specification
  • The Mozilla Firefox web browser (since 1.5 Beta 1) and the Mozilla SeaMonkey internet suite, which share the same codebase, both have incomplete support for the SVG 1.1 Full specification. An overview of which modules are supported, in progress, and not yet supported can be found on the [http://www.mozilla.org/projects/svg/status.html Mozilla + SVG Status] page.
  • The Amaya (web browser) web browser has partial SVG support
  • The KDE project s Konqueror web browser has a fairly complete SVG plugin called KSVG. KSVG1 development has ended, but KSVG2 has been active for over a year and is slated to be rolled into KDE 4 core which could make it native rendering for Konqueror some time in the future. Elsewhere in KDE the format is finding greater use, and from version 3.4 onwards SVG computer wallpaper are supported
  • Apple Computer s Safari (web browser) browser, which was based on the KHTML layout engine of Konqueror but has since fork (software development) into the Webkit project has also recently begun to port KSVG2 into WebCore, initiating work on incorporating native support of SVG into Safari
  • The [http://xml.apache.org/batik/ Batik SVG Toolkit] can be used by Java programs to render, generate, and manipulate SVG graphics
  • =Mobile support=

    On mobile, the most popular implementations for mobile phones are by Ikivo and Bitflash, while for PDAs, Bitflash and Intesis have implementations. Macromedia Flash Lite by Macromedia optionally supports SVG Tiny since version 1.1. At the SVGOpen 2005 conference, Sun Microsystems demonstrated a mobile implementation of SVG Tiny 1.1 for the CDLC platform.

    =Tools=

    *Most of the major vector graphics editors including Adobe Illustrator and Corel Draw support SVG export and import. *OpenOffice.org Draw 1.1 and up can export SVG files, for Draw 2.0, there is an additional [http://haumacher.de/svg-import/ SVG import plugin]. *Inkscape is an open-source multi-platform vector editor using SVG as its native format. Sodipodi is a predecessor of Inkscape, and is still under development independently. *Skencil is an open source vector editor with SVG import and export. *[http://www.svgmaker.com SVGmaker] creates SVG from standard Windows programs including the ubiquitous Office suite. *[http://www.kiyut.com/products/sketsa/index.html Sketsa] is a proprietary SVG editor. *[http://xml.apache.org/batik/ Apache Batik] is a Java platform toolkit for applications or applets that want to use images in the SVG format for various purposes, such as viewing, generation or manipulation. Batik supplies a set of standard modules like SVG Parser, SVG Generator and SVG DOM; also includes an SVG viewer application.

  • The [http://networkimprov.net/airwrx/awscene.html SVG Scene toolkit] enables developers to create application views by constructing an SVG content model, or scene. A scene may be displayed simultaneously in multiple windows, possibly on separate clients. Rendering of the SVG is done via Cairo (graphics) and Pango, which in turn support diverse targets, e.g. Windows, MacOS, PostScript, Xlib.
  • Together, [http://www.jfree.org/jfreechart/ JFreeChart], and Compuware s [http://www.compuware.com/products/optimalj/ OptimalJ], use SVG.
  • =See also=

    *Rich Internet Application *Semantic Web *2D computer graphics *3D computer graphics *List of vector graphics markup languages *Comparison of vector graphics markup languages *Comparison of layout engines (graphics)

  • *[http://en.wikipedia.org/wiki/Special:Searchns6=1&search=svg&fulltext=Search SVG images on Wikipedia]

    =External links=

    ;Official *[http://www.w3.org/Graphics/SVG/ W3C SVG Pages] *[http://svg.org/ SVG.org] - SVG Community Website *[http://www.svg-whiz.com/wiki/ SVG Wiki] - Wiki of SVG information for developers *[http://www.svgx.org/ SVGX]

    ;Demos *[http://www.adobe.com/svg/demos/main.html Adobe SVG Demos] *[http://www.croczilla.com/svg/ Mozilla SVG Demos] *[http://www.carto.net/papers/svg/ SVG mapping examples, tutorials and shp2svg converter] *[http://www.svgmaker.com/examples.htm Sample SVG files created from popular programs]

    ;Software *[http://www.inkscape.org/ Inkscape] - an open source SVG editor *[http://www.adobe.com/SVG/ Adobe SVG Plugin] *[http://www.mozilla.org/projects/svg/ Mozilla SVG] **[http://weblogs.mozillazine.org/tor/svgopen2005/mozsvg-public.html Past, Present, and Future of Mozilla SVG] **[http://www.svgopen.org/2005/papers/MozillaSVG/ Implementing SVG in a Web Browser] *[http://svg.kde.org/ ksvg SVG renderer for KDE/khtml] *[http://www.kiyut.com/products/sketsa/index.html Sketsa - SVG Graphics Editor] *[http://www.bitflash.com/products/vis.asp BitFlash - SVGT Player] *[http://www.savagesoftware.com/products.htm Convert files to SVG format]

    ;Libraries *[https://svgsalamander.dev.java.net/ SVG Salamander - Java SVG player and renderer. (LGPL) ] *[http://librsvg.sourceforge.net/ librsvg SVG renderer for GNOME, and Mozilla/Firebird plugin] *[http://search.cpan.org/~ronan/SVG-2.30/ SVG Perl module]

    ;Tutorials *[http://apike.ca/prog_svg.html Pike s SVG Tutorial] *[http://svgbasics.com/ SVGBasics]

    ;Articles *[http://www.maa.org/editorial/mathgames/mathgames_08_01_05.html Math Games: Vector vs Raster (maa.org)] - A list of 31 SVG editors *[http://www.svgopen.org/ SVG Open], annual international conference on Scalable Vector Graphics *Article [http://xml.com/pub/a/2003/07/16/svg-prescod.html SVG: A Sure Bet] *Article [http://kevcom.com/colorpicker/documentation/svg.html SVG Is The Future] *[http://www.webreference.com/authoring/languages/svg/ Descriptions from Webreference] *[http://dot.kde.org/1027528942/1027578768/1027622199/ Discussion about free implementations] *[http://www.understandingxml.com/archives/2005/08/the_future_of_s.html The future of SVG] *[http://svgopen.steltenpower.com/livre_english.txt Magical pictures]

    ;SVG clipart *[http://www.openclipart.org/ Open Clip Art Library] *[http://www.sodipodi.com/index.php3section=clipart/clipart Sodipodi Clipart Page] *[http://librsvg.sourceforge.net/theme.php GNOME themes extras package] *[http://everaldo.com/crystal.html Crystal Icons] *[http://zeus.qballcow.nl/icon/ Gartoon Icons Theme] *[http://svgicons.sourceforge.net/ BlueSphere Icon Theme]