Thomas Fuchs
Hi, I'm Thomas Fuchs. I'm the author of Zepto.js, of, and I'm a Ruby on Rails core alumnus. With Amy Hoy I'm building cheerful software, like Freckle Time Tracking and Every Time Zone and write books like
   Want me to speak at your conference? Contact me!

Fun with the canvas element

May 1st, 2005

The need for better 2d graphics in HTML (and to have some eyecandy in Dashboard) led the Safari developers to implement an all-new HTML tag, called “canvas” (read the spec).

The latest Mozilla trunk now has support for it too.

And of course, someone made a demo page. (Note: works with Safari 1.3 and 2.0—that means Panther and Tiger, and with the latest-and-greatest Mozilla nightly). Here’s a nice demo of this too.

UPDATE: I’ve modified the the code of the second example and present my own, animated demo here.

Some more info on the Mozilla implementation.

Oh yes, while you’re at it, check out this post on how to use all the great new Safari features.