Create JPEGs Automatically With SVG

By Benoit Marchal
2003-12-22

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.

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

First published by IBM developerWorks

Comment on this Tutorial |

Related Tutorials:
» Starting with XML
» Performing Client-Side XSL Transformations
» Create a Google Sitemap for your Web Site
» XML and Scripting Languages
» Parsing Comma-Separated Values
» XML Security Suite: Increasing the Security of E-Business