SVG: Inline and Embedded

This page contains two types of SVG


Run your mouse over this one.

The images above are an example of the big differences between the level of naturally supported SVG in Mozilla and the SVG that is rendered with the Adobe plugin.
The image on the right is using filters and animation of the fill colors of the flame. The image on the left is has the styling set to HOVER opacity change.
If you are here in Mozilla you will see the hover effect in the left image, but not the SMIL animation in the right image. The reverse is true if you are here with IE.
As you might guess they were the same image at one time. The original was drawn in Trajectory Pro from Jasc. This program has been renamed and is called WebDraw. The image on the left is of course the copy that was converted to render in Mozilla, which means that it is written into the script of this XML document. Where as the image on the right is a seperate SVG file that is being rendered by the plugin. If you don't see the image on the right and a 'Get or Missing Plugin' message is there, then please see the info on the start page.

The image on the right has also had some filtering added to it. As time goes by, perhaps I'll add some more animation and some of the other features that are possible with the plugin type of SVG. For the moment, the color change is just to show a little of the differences in the SVG supported by Mozilla and the plugin style of SVG.