I've been reading about the new <canvas> tag supported by the latest Safari and by the latest alpha release (codenamed Deer Park) of Firefox.
It is very cool: it exposes a sophisticated 2D drawing API (comparable to Java2D, but without text support) to client-side JavaScript.
My demo is here. It uses the canvas tag to draw a quadratic bezier curve and allows you to drag the control point around to change the curve.
It doesn't work for me in Safari 1.3, but it does work in Deer Park (a.k.a.Firefox 1.1) Alpha1
Almost reason enough to download a new browser!
Update: In comments, Berndt Jung links to a version of my demo that does work in Safari. He takes the text out from inside the <canvas*gt; tags, since Safari always renders it. But mostly, he figured out that due to a bug (being fixed) , the quadraticCurveTo() method is not actually bound.. The workaround is to use quadraticCurveToPoint() instead, on Safari only.



