Making a Debian CD Cover Using SVG

A while back I made a CD cover for debian 2.2rc1. It was one of my first artsy sort of things and I was happy with it. I even shared it with the debian people and got put in the FAQ. Unfortunately I was too busy to keep updating the text as releases came out and eventually it was booted.

I was wandering back through old stuff and noticed those covers and thought, "hmm..., it is just some image compositing with some blending... I bet I could to that in svg and let people make the text whatever they want." So, this page is me figuring out how to do that...

I need this image to fade at the border and to do that I will need to mask with a radial gradient. Such a svg would look something like this:

Your browser either doesn't handle svg's or doesn't handle the <object> tag

I used Ed Mackey's Linux fox (which I can no longer find a good link for). I thought it would work better in a vector format so I took a bit and vectorized it using Illustrator.

Your browser either doesn't handle svg's or doesn't handle the <object> tag

The swirl is just a converted version of the open use logos.

Your browser either doesn't handle svg's or doesn't handle the <object> tag

Likewise the lettering is just broken out from an open use logo.

Your browser either doesn't handle svg's or doesn't handle the <object> tag

The process now is just compositing and adding some labels. SVG makes importing and manipulating images pretty easy. There is a basic template which uses ecmascript to insert labels.

The parameters can be specified using a form or can be inserted in the URL manually. All of the work is done by a script in the image and there is no server generated content.

The parameters used by the program are:

Batik does not appear to properly handle dynamically inserted elements. They appear in the tree, but not on the screen.

Your browser either doesn't handle svg's or doesn't handle the <object> tag

Here is an example of the image with the query string ?discname=test%20disc%20name&release=woody%201.2%20rc2&discid=1

Your browser either doesn't handle svg's or doesn't handle the <object> tag