帆布不会工作

Question

var canvas = document.getElementById("mycanvas"); 

var ctx = canvas.getContext("2d"); 


var ball = function() { 

this.x = Math.floor((Math.random() * 10) + 1); 
this.y = Math.floor((Math.random() * 10) + 1); 
this.xSpeed = Math.floor((Math.random() * 10) + 1); 
this.ySpeed = Math.floor((Math.random() * 10) + 1); 

}; 


    var balls =[]; 

for(i = 0 ; i < 10 ; i++) { 

balls[i] = new ball(); 

} 



    function draw() { 
for(i = 0; i < 10 ; i++) { 

var ball = balls[i] 

ctx.beginPath() 

if(ball.x < 0 || ball.x > 400) { 

ball.xSpeed = -ball.xSpeed; 
} 

if(ball.y < 0 || ball.y > 400) { 

ball.ySpeed = -ball.ySpeed; 
} 

ball.x += ball.xSpeed; 

ball.y += ball.ySpeed; 

ctx.arc(ball.x , ball.y , 2 , 0 , Math.PI * 2 , false); 
ctx.stroke(); 

ctx.fill(); 
} 
} 

    function bounce() { 

setInterval(draw , 10); 

} 

它应该绘制多个球，但它不绘制任何。请帮忙。如果需要，我可以提供html。我现在有这个问题。请立即帮助我。我没有画任何球。这是不吉利的

Answer 1

调用你的绘图函数。 地址：bounce();底部。