We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

Canvas tutorial

There's a whole bunch of canvas demos, tutorials, games and tools on http://www.canvasdemos.com -- AndiSmith


I made a simple page that can be used to play with canvas: http://mozilla.doslash.org/stuff/canvas/shell.html --Nickolay 03:00, 8 September 2005 (PDT)


Another example built using canvas, works on Firefox 1.5b & Safari 1.3/2.0: http://www.wirelesshamster.com/cosas...julia_set.html

It renders fractals (Mandelbrot & Julia sets) at various levels of detail, and lets you zoom in. Please note that high levels of detail will take a long time to calculate (rendering itself is instantaneous, but the calculations needed to generate the fractal are slow). --Powermacx 06:48, 13 October 2005 (PDT)



I've created a mailing list for canvas developers at http://groups.yahoo.com/group/canvas-developers/ --Triptych 02:38, 27 November 2005


How do I leave comments on these pages if some contents seems off? It seems I could edit some pages directly (which I am reluctant to do without discussion), in other cases I cannot edit the "Talk" page, which seems to be the place that I shold use.

In any case, here are two remarks (apart from the fact that I find this tutorial eminently helpful);

(i) In the "transformations" page, the content at the very end seems just to have been copied from the specs and actually addess the implementor of a renedering and/or Javacript engine, not the user. ("The matrix must be marked as infinite" etc.)

(ii) In "Applying styles...", in the section on miterlimit, it is claimed that "the miter length increases exponentially" with decreasing angle. Near as I can tell, that is not the case: it increases inversely proportional with the angle. (That's also pretty fast, but not exponential.) (Mathematical reason: given line width w and angle z, the miter length is essentially x = w/2*(1/(tan z) + 1/(sin z)). As z approaches 0, tan z -> sin z, so x -> w/(sin z). Looking at the power series for z, we get x -> w/z. Qed.)

Document Tags and Contributors

Contributors to this page: gws, happysadman, AndiSmith, Triptych, Powermacx, Nickolay
Last updated by: gws,