Erik Dahlström

Timetravel

Sunday, May 18, 2008 7:25:01 PM

The above image should have been an svg image, since that makes it much smaller. However, it tended to freeze in Safari and Firefox, so I'll just link to it for now. Safari 3.1 has issues with the masking and sometimes the fill disappears for the tspans. Firefox 2 doesn't support masks, and has major issues with tspans. Firefox 3.0rc1 still has problems with tspans. Batik 1.7 renders it correctly, but doesn't run the animations (though possibly that's due to the FakeSMILe script). Opera 9.x should be able to play the animation just fine without FakeSMILe though, and you can click the image to stop the rotate animation should you get dizzy or something

Falling back, or falling down...Assorted svg news

Comments

_Grey_ # Monday, May 19, 2008 1:13:56 PM

My.Opera servers won't let me. Apparently you are a untrustworthy source for an svg image. And a click to the button doesn't help. Might be my browser prefs of course, but I don't want to fiddle with my config atm...

Jeff Schillerjeffschiller # Monday, May 19, 2008 3:05:41 PM

Quite crazy.... My Fx3 locked up - not gonna try that again

Anonymous # Sunday, September 7, 2008 10:55:00 AM

AndyEd writes: Firefox 3.1 Alpha 1 (Shiretoko) does a pretty good job with it on my mac. No color, but decent motion.

Anonymous # Sunday, September 14, 2008 1:51:25 PM

Anonymous writes: Chrome cant cope with it either, lots of unclipped rotating black text. Very cool demo tho.

Anonymous # Monday, May 11, 2009 10:00:08 PM

ddailey writes: Hi Erik, you should turn this image into a clock and post a link in svg-developers! There are a lot of cool clocks appearing of late. This would fit right in. David

Anonymous # Sunday, May 1, 2011 10:35:45 PM

krit writes: Hello Erik, can you update the test to use a WOFF-font please? That would make it possible to see the same results across platforms. Dirk

Erik DahlströmMacDev_ed # Thursday, May 12, 2011 12:24:56 PM

@krit:
I would consider Impact a rather common font to have installed, see http://en.wikipedia.org/wiki/Core_fonts_for_the_Web. I'll see if I can substitute it with something that looks similar.