samweis78: Hinterm CANVAS-Element wird nichts mehr ausgegeben

Hallo Leute,

ich mach grad erstmalig ein bissi was mit HTML5 und bin etwas ratlos. Ich hab mir mehrere Tutorials angesehen und einfach mal losgelegt. Soweit klappt alles, was ich mir vorgenommen habe, aber das Problem ist: HTML-Inhalte, die nach dem CANVAS-Element notiert sind, werden abgeschnitten, und ich weiss nicht, weshalb. Zu sehen ist das hier:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en">  
<head>  
<script type="text/javascript">  
            window.onload = function()  
            {  
                var canvas = document.getElementById("bsCanvas");  
                var context = canvas.getContext("2d");  
  
                setInterval(function()  
                {  
                  //Mach Zeugs wie...  
                  context.clearRect ( 0 , 0 , 640 , 320 );  
  
                  context.beginPath();  
                  context.arc(Math.round(640*Math.random()), Math.round(320*Math.random()), 200, 0, 2 * Math.PI, false);  
                  context.fillStyle = "white";  
                  context.fill();  
                  context.lineWidth = 0;  
                  context.stroke();  
  
  
                }, (1000/25)); // setInterval(function()  
            }; // window.onload  
  
  
  
</script>  
</head>  
<body>  
Vor dem Canvas  
<canvas width="640" height="320" id="bsCanvas" style="background-color:black;">  
Nach dem Canvas  
</body>  
</html>  

Das ist jedenfalls so im FF5. Den IE fass ich, was das angeht, erstmal gar nicht an.

Wär knorke, wenn jemand einen Tipp hätte.
Danke.

  1. Grüße,
    wenn du bloß Opera benutzen würdest ;)
    was solls ich helf dir auch so - SCHLIEß den canvas.
    MFG
    bleicher

    --
    __________________________-

    FirefoxMyth
  2. Hi,

    ich mach grad erstmalig ein bissi was mit HTML5 und bin etwas ratlos.

    Außerdem „lügst“ du, und zwar schon direkt am Anfang deines Dokuments:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    Der Doctype für HTML5 lautet schlicht und einfach <!DOCTYPE HTML>

    das Problem ist: HTML-Inhalte, die nach dem CANVAS-Element notiert sind, werden abgeschnitten, und ich weiss nicht, weshalb.

    Weil bei dir nichts mehr *nach* dem Canvas-Element kommt - nur noch ein bisschen was *im* Canvas-Element.

    Wär knorke, wenn jemand einen Tipp hätte.

    Tür zu, zieht!

    MfG ChrisB

    --
    RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
  3. Hallo nochmal,

    ich wollte weder lügen noch jemandes Gefühle verletzen...
    Und ... alda ich schwör, dass ich es auch einmal versucht hatte, das Element zu schließen... aber ich weiss nicht, warum es da nicht geklappt hatte.

    Aber das war's natürlich!

    Danköö.