.
Developer Spot - Web Development Tutorials
 


Web Hosting Directory
Budget Web Hosting Linux Web Hosting Small Business Hosting
Windows Web Hosting Reseller Web Hosting Web Hosting Articles

Create JPEGs Automatically With SVG

By Benoit Marchal
2003-12-22
Reader Rating: 5 out of 5
Bookmark Print Version
Variations On The Theme

Variations on the theme
The main benefit of using SVG and the Batik toolkit to produce images through XML is that every XML tool, including scripts and stylesheets, is now suitable to produce Web graphics.

I illustrated the technique with a bar chart, but the same technique applies for other images such as navigation buttons, technical drawings, and UML models. Note that you do not have to generate the entire image in your script. To import logos and other graphics created with an image editor, such as Adobe Illustrator, follow these steps:

  • In the image editor, save the image as SVG.

  • In the script, insert the following instruction: <use xlink:href="logo.svg"/>

  • With the Batik rasterizer and the flexibility of XML, you will find no shortage of applications for SVG.



    Article Pages:
    Use Scalable Vector Graphics To Create Images By The Dozen
    A Pragmatic Application
    Variations On The Theme
    Resources

    First published by IBM developerWorks


     Rate this article:   Poor          Excellent 


    If you found this article interesting, you may want to read these as well:

    » Better SOAP Interfaces With Header Elements

    » Variable Substitution In XML Documents

    » Grab Headlines From A Remote RSS File

    » Tip: Convert from HTML to XML with HTML Tidy



     
    Development Tutorials
    ASP
    CGI & Perl
    CSS
    HTML
    Java
    JavaScript
    Linux
    PHP
    XML




    More Resources
    Web Hosting Articles
    Development Tutorials: CGI & Perl - CSS - HTML - Java - JavaScript - Linux - PHP - XML