Fun with <Canvas>

As most of you know, Firefox 1.5 added support for <canvas> to bring programmable graphics capabilities to the Web.  Along with SVG support, we've been working to extend the toolkit to provide truly awesome graphics capabilities to content authors and innovators.  There's much more to do here, but we're already seeing some really cool proof of concepts and prototypes of what's possible when you mash up <canvas> with Javascript.

Here are just a few examples that jump out as being pretty cool:
http://cow.neondragon.net/stuff/reflection/
http://www.liquidx.net/canvasgraphjs/
http://www.abrahamjoffe.com.au/ben/canvascape/

I imagine we're going to see many more innovative uses of <canvas> in 2006.

On the Firefox extensions front, we've added a prize category for best use of features like <canvas> to  the Extend Firefox contest.  So if you have an idea for an extension, be sure to hack it up soon!  Contest closes at midnight pacific time on January 6th 2006.

Have some ideas?  Specific <canvas> docs are available at:
http://developer.mozilla.org/en/docs/Drawing_Graphics_with_Canvas

And everything you need to know about Firefox 1.5 and the capabilities available to you:
http://developer.mozilla.org/en/docs/Firefox_1.5_for_Developers

- cbeard

Comments

[Jens]

unfortunately cross-browser support is not there yet (and I'm not talking about IE but Safari and Opera)

Did a little experiment http://ja-web.de/Screenshots/X-Plane/Boston/ but that works only as intended in FF. And finding help on canvas for safari or opera is a nightmare :(

[Ian]

Uh, http://cow.neondragon.net/stuff/reflection/ isn't using Canvas.