SVG and Firefox 1.5: a sample


SVG ExperimentChange the CS logo colors” is a sample Scalable Vector Graphics (do you remember this ALA article of four years ago?) file where are tested some of the elements supported by the native plugin inserted in Firefox and Opera browsers, like shapes (rect,circle), text, groups, animate, linearGradient and others.
The first script linked, based on an experiment extracted from a J. David Eisenberg book, allows to change the colors of the logo using three drag ‘n’ drop levers, related to Red, Blue and Green colors, which change the text on the center of the page.
In fact, this is not a real text that change, but a background behind a transparent image of a static text. Waiting for the font module (that allows to display every font vectorize in glyphs, that could be created by the Apache Batik software) support in Firefox, I tried to use an “Image Replacement” in a HTML style: I vectorized a text with Illustrator, extracted from the exported transparent file the image node, and inserted inside this semantic informations with title and desc elements.

<image width="447" height="59" id="XMLID_1_"
etc. etc.....
<title>Central Scrutinizer</title>
<desc>the logo of my page</desc>

I placed the “transparent” image over a rectangle, which colors are changed by the script. (note April 2007:A similar technique has been used a month later in Design Melt Down’s Logo Color Variations)
The other script linked is Vectoreal’s Smilscript, that allows to substitute the Smil animation elements (used in the file for the descending rectangle at the onload, a fade effect and the rotation of the circle on the top-left) not yet supported in Firefox.

(added April, 7 2007) What about the future of SVG? Uhm. In really poor thoughts (1.2 cents):
– the W3C activity starts in the 1998;
– the main plugin that support the 1.1 specifications (here the draft of the 1.2), SVG Viewer was produced by Adobe. SVG files can be viewed well in the main browsers like Internet Explorer, Opera and Mozilla Firefox;
– in the 2004 Mozilla and Opera (and in 2005 Safari’s Web Kit) starts to produce a native plugin for their browsers, but the rendering quality is far from the SVG Viewer’s one;
– in april 2005 Adobe aquire Macromedia, the software house that produce Flash, the proprietary software for vector graphics against who SVG born as potential (because, among the other weakness, it must use other standards for the multimedia aspects) web standard-based competitor;
– in november 2006 Adobe decide to discontinue the support for the SVG viewer. From the Adobe SVG pages:

Adobe has decided to discontinue support for Adobe SVG Viewer. There are a number of other third-party SVG viewer implementations in the marketplace, including native support for SVG in many Web browsers.

“Many” excludes the most used, Microsof Internet Explorer.
– in may 2007 Microsoft introduces Silverlight (knows in the previous year with the codename WPF/E), “a cross-browser” (Internet Explorer, Firefox, Opera, Safari…) “cross-platform plug-in for delivering the next generation of .NET-based media experiences and rich interactive applications for the Web”, in other words a proprietary competitor to Macromedia/Adobe Flash.

Mozilla and (primarily) Opera made a really good work with their plugin, but is impossible to start to create (after nine years!) a developer community of SVG developers without the Internet Explorer support. And without a solid developer community is impossible to catch up Flash and Silverlight, far light years mainly in the multimedia integration.
In web design context, SVG is really sick.


  • Gravatar , Jeff Schiller said: 1

    I wonder if you can make it keyboard-accessible (I’m usually guilty of forgetting this too!).

  • Gravatar , Marco Rosella said: 2

    Your’re right, I’ll try to make this. :-)

  • Gravatar , Playing with SVG Design - The River of Themes said: 3

    […] I have experimented with a PowerPoint-like web application introduced at the SVG Open 2005 and some SMIL animations – and you have maybe read the announcement of native support in Internet Explorer 9 as an […]

  • Gravatar , Ezekiel Hochman said: 4

    Internet Explorer (formerly Microsoft Internet Explorer and Windows Internet Explorer, commonly abbreviated IE or MSIE) is a series of graphical web browsers developed by Microsoft and included as part of the Microsoft Windows line of operating systems, starting in 1995. It was first released as part of the add-on package Plus! for Windows 95 that year. Later versions were available as free downloads, or in service packs, and included in the OEM service releases of Windows 95 and later versions of Windows.`”..;

    Our website

Leave a Reply

Here's the list of topics.