Author Archives: SVG Elves
Quote of the Week
“And yet, when I look up to the sky, I somehow feel that everything will change for the better, that this cruelty too shall end, that peace and tranquility will return once more.” Anne Frank (1929-1945) “Always do right. This … Continue reading
Bug Zapper, Zapping Bugs
There are 2 groupings used, the bugs and the zapper. The zapper uses three linear gradients. One for the metal, and one for each state of the fluorescent bulb. A spaced Pattern is applied to create the metal screen look, … Continue reading
Drop-shadow and Mask Effects by Phil
In this SVG example there’s a repeated JPEG image (in full colour and desaturated – thanks to David Dailey for that idea), text used as a mask, and a drop-shadow effect. Clicking on the JPEG (crop) below you can see … Continue reading
Swarm, Lesson 2 by Paul
This is a continuation of Swarm, Lesson 1 OK, so now we know how to access the SVG document and can start to get some real work done. First we need to start defining the behavior of our system. We … Continue reading
Swarm, Lesson 1 by Paul
We all know SVG is a wonderful format for graphics (otherwise we wouldn’t be here). However, the true power of SVG isn’t released until combined with scripting. The support for the XML DOM written into the SVG plugin by Adobe … Continue reading
SVG of the Week: SVG Magic by Phil
For the past few weeks I’ve been busy with an online course in Scalable Vector Graphics (SVG) given by the World Wide Web Consortium (W3C). It’s the first formal course I’ve followed since 2004 when I returned to CMM in … Continue reading
Scalable Vector Graphics for IE9 by Phil
My Scalable Vector Graphics (SVG) course is over and I’d like to share with you a few more of the images I created during the course. These images are all PNGs. Point your standards-compliant browser (including the just-released IE9 !!!) … Continue reading
SVG of the Week: Planetary Animation
Animating complex sets of objects with SVG animation can be simple. Chris shares how to create a model of a planetary systems motion. For this example Chris used SMIL and some filter effects to whip together a terrific animation, as … Continue reading
SVG Open 2011
The conference details have just been announced. If you have an interesting SVG-releated project in the works, even if it has yet to be built, consider submitting an abstract. Its free, and it might just earn you a free conference … Continue reading
Filters in SVG for beginners by Chris
This section is dedicated to the wonderful world of using filters in your SVG projects. We will provide information, how-to’s, and filter source code for you to use in your own projects. Please read the following articles before using filters … Continue reading