BlueJay
04-06-2011, 16:19
Hallo Leute,
ich mache gerade die ersten Gehversuche mit HTML5. Mich interessiert da besonders der Canvas.
Irgendwie habe ich es geschafft, darauf herumzumalen, aber wie bekomme ich die Striche wieder weg?
Meine Versuche:
var xmax=500,ymax=300;
var my_canvas,ctx;
function init_canvas()
{
my_canvas=document.getElementById('krabbelfeld');
ctx=my_canvas.getContext('2d');
}
function canvas_leeren() { ctx.clearRect(0,0,xmax,ymax); }
function draw_line(x0,y0,x1,y1)
{
ctx.strokeStyle = "white";
ctx.moveTo(x0,y0);
ctx.lineTo(x1,y1);
ctx.stroke();
}
Klickt man da auf [neu], soll der Canvas gelöscht und zwei verbundene Käfer gezeigt werden. Leider ergibt mehrmaliges Klicken ein ziemliches Gekritzel.
Zu sehen unter:
http://www.gamecraft.de/kroetenwanderung/
Gruß,
Ulrike
ich mache gerade die ersten Gehversuche mit HTML5. Mich interessiert da besonders der Canvas.
Irgendwie habe ich es geschafft, darauf herumzumalen, aber wie bekomme ich die Striche wieder weg?
Meine Versuche:
var xmax=500,ymax=300;
var my_canvas,ctx;
function init_canvas()
{
my_canvas=document.getElementById('krabbelfeld');
ctx=my_canvas.getContext('2d');
}
function canvas_leeren() { ctx.clearRect(0,0,xmax,ymax); }
function draw_line(x0,y0,x1,y1)
{
ctx.strokeStyle = "white";
ctx.moveTo(x0,y0);
ctx.lineTo(x1,y1);
ctx.stroke();
}
Klickt man da auf [neu], soll der Canvas gelöscht und zwei verbundene Käfer gezeigt werden. Leider ergibt mehrmaliges Klicken ein ziemliches Gekritzel.
Zu sehen unter:
http://www.gamecraft.de/kroetenwanderung/
Gruß,
Ulrike