Comments on damonkohler: JavaScript Painting with Canvas

how can I submit it to a Mysql data base? or how ...

2011-07-11T20:35:46.936+02:00

how can I submit it to a Mysql data base?

or how can I save it as an image

Great example, thanks!

2011-03-03T02:05:21.079+01:00

Great example, thanks!

If you dont want to think how to realize functions...

2011-02-19T10:24:54.990+01:00

If you dont want to think how to realize functions like onmousemove() with some objects on canvas, you can use javascript frameworks, like jCanvaScript. Its very simple and have good documentation.

To support touch devices like iPhones and iPads, j...

2010-10-08T10:42:23.918+02:00

To support touch devices like iPhones and iPads, just add the following

canvas.ontouchstart = function(e) {
var first = e.changedTouches[0];

x = first.clientX;
y = first.clientY;
ctx.moveTo(x, y);
}

canvas.ontouchend = function(e) {
x = null;
y = null;
}

canvas.ontouchmove = function(e) {
if (x == null || y == null) {
return;
}
var first = e.changedTouches[0];

x = first.pageX;
y = first.pageY;
x -= canvas.offsetLeft;
y -= canvas.offsetTop;
ctx.lineTo(x, y);
ctx.stroke();
ctx.moveTo(x, y);
}

You should put this : x -= canvas.offsetLeft; y -=...

2010-06-28T05:14:02.981+02:00

You should put this :
x -= canvas.offsetLeft;
y -= canvas.offsetTop;
on your onmousedown.
Else, you will have a bug if you put your canvas in an other position on the screen then 0,0.

Yes, the canvas tag is part of HTML5 and not supported in IE without a plugin.

It doesn't seem to work in IE. Is canvas tag M...

2009-08-10T19:35:59.432+02:00

It doesn't seem to work in IE. Is canvas tag Mozilla, Chrome specific?

You're welcome. I was having trouble finding it to...

2009-02-25T18:53:00.000+01:00

You're welcome. I was having trouble finding it too :)

Thank you for this. I was having trouble finding ...

2009-02-25T18:47:00.000+01:00

Thank you for this. I was having trouble finding a simple implementation of this sort of thing.