mozilla
Your Search Results

    Tools for SVG

    Now that we covered the basics of the SVG internals, we will take a look at some tools to work with SVG files.

    Browser support

    With the advent of IE9, finally all major browsers will support SVG: Internet Explorer 9, Mozilla Firefox, Safari, Google Chrome and Opera. On mobile devices with Webkit-based browsers (iOS and Android, mostly) browsers, too, support SVG. On older or smaller devices chances are, that SVG Tiny has support.

    Inkscape

    URL: www.inkscape.org

    One of the most important tools for a graphics format is a decent drawing program. Inkscape offers state-of-the-art vector drawing, and it's open source.

    Moreover it uses SVG as its native file format. To store Inkscape specific data, it extends the SVG file with elements and attributes in a custom namespace, but you can also choose to export as plain SVG.

    Adobe Illustrator

    URL: www.adobe.com/products/illustrator/

    Before Adobe acquired Macromedia, it was the most prominent promoter of SVG. From this time stems the good support of SVG in Illustrator. However, the resulting SVG often shows some quirks, that make it necessary to post-process it for general applicability.

    Apache Batik

    URL: xmlgraphics.apache.org/batik/

    Batik is a set of open source tools under the roof of the Apache Software Foundation. The toolkit is written in Java and offers almost complete SVG 1.1 support, as well as some features that were originally planned for SVG 1.2.

    Apart from a viewer (Squiggle) and a rasterizer for PNG output, Batik also offers an SVG pretty printer to format SVG files and a TrueType-to-SVG-Font converter.

    Together with Apache FOP Batik can transform SVG to PDF, too.

    Other renderers

    To create a raster image from an SVG source there exist several projects. ImageMagick is one of the most famous command-line image processing tools. The Gnome library rsvg is used by the Wikipedia to raster their SVG graphics.

    Raphael JS

    URL: raphaeljs.com

    This is a JavaScript library, that acts as an abstraction layer between browser implementations. Notably older versions of Internet Explorer are supported by generating VML, a vector markup language, that is one of two ancestors of SVG and exists since IE 5.5.

    Google Docs

    URL: www.google.com/google-d-s/drawings/

    Drawings from Google Docs can be exported as SVG.

    Science

    The well-known plotting tools xfig and gnuplot both support exporting as SVG. To render graphs on the web JSXGraph supports VML, SVG and canvas, automatically deciding which technology to use based on browser capabilities.

    In GIS (Geographic Information System) applications SVG is often used as both storage and rendering format. See carto.net for details.

    More tools!

    The W3C offers a list of programs that support SVG.

    Document Tags and Contributors

    Contributors to this page: janvas, ethertank, Telanor, Manuel_Strehl, trevorh, teoli, Jeremie
    Last updated by: trevorh,