SVG viewer plugin needed for Internet Explorer. Any recent Firefox browser should have native SVG support.

Anyone familiar with SVG (scalable vector graphics) knows the potential of vector-based graphics described in xml. Unfortunately, it seems like SVG is always right around the corner, and has never quite been adopted by the masses.

While I am not an SVG guru by any measure, I was able to put together a small demo showing how you might use javascript to dynamically control elements within a SVG file. Below you'll see:

• A drop down list control which selects an SVG path
• A Yahoo color picker widget controlling the fill color of the selected SVG path
• An example .svg file which is reading the color value from the color picker, and populating the selected path with the current fill color

There are probably 1001 uses for SVG, and although the sample above might be rather simple, I can imagine using something similar on website which allow consumers to customize their products. (e.g., pick your own custom phone colors, etc.) I haven't invested much time looking into it, but I wish I could figure out a way to save my altered svg file. Anyone know how I might go about doing this?

Choose a color:

R H
G S
B V

#