Problemy z canvasem HTML i JS

pytanie zadane 12 marca 2021 w JavaScript przez Code_ Użytkownik (520 p.)
edycja 12 marca 2021 przez Code_

var can = document.getElementById("canvas");
var ctx = can.getContext('2d');
var photo = new Image();
photo.src = "ziemia.png"
var platforms = [];
platforms[0] = new platform(0,500, 750, 80); 
platforms[1] = new platform(730,500, 750, 80); 
platforms[2] = new platform(100,500, 100, 40);
platforms[3] = new platform(0,500, 100, 40);  


function platform(px,py,pszer,pwys)
{
this.x = px;
this.y = py;
this.szer = pszer;
this.wys = pwys;
}

function drawThePlatforms()
{
    for (var i = 0; i<platforms.length; i++)
    {
            ctx.drawImage(photo,platforms[i].x,platforms[i].y,platforms[i].szer,platforms[i].wys);
    }
}


function draw()
{
    ctx.clerRect(0,0,can.width, can.height);
    drawThePlatforms();
    
}
setInterval("draw",10);

Przeglądarka zaznacza drugą linię jako błąd. Z góry dziękuję za pomoc.

1 odpowiedź

odpowiedź 12 marca 2021 przez KamQiX Dyskutant (9,090 p.)
wybrane 22 grudnia 2021 przez Code_

Najlepsza

A czy w HTML istnieje <canvas> o id="canvas"?

komentarz 12 marca 2021 przez Code_ Użytkownik (520 p.)

Tak

<!DOCTYPE html>

<html>
<head>

    <meta charset="utf-8">
    <title>Mario</title>
    <link rel="stylesheet" href="Canvas.css" >
    <script src="Canvas.js"></script>

</head>
<body>

<canvas id="canvas" >

</canvas>

</body>


</html>

1	komentarz 12 marca 2021 przez ScriptyChris Mędrzec (190,190 p.) Podepnij skrypt pod elementem <canvas> lub przed </body> lub daj mu atrybut defer. Bo teraz skrypt chce złapać element, którego w danym momencie nie ma jeszcze w DOM.