Fun with the canvas element

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.