通过canvas每20ms绘制出一个对象?

//定义一个对象
function Flycar(x, y){
   this.x = x;
   this.y = y;
 }
//绘制这个对象
function drawflycar(flycar){
   flyCar.beginPath();
   flyCar.fillRect(flycar.x, flycar.y, 50,50); 
   flyCar.fillStyle='blue';;
}
 setInerval(function(){
    var flycar = new Flycar(flyX,flyY);  //每20ms实例化一个对象,flyX,flyY是随机产生的一个坐标
    flyArr.push(flycar);   //添加到数组中
    for(x in flyArr){
         drawflycar(flyArr[x]);            //遍历这个数组,绘制出数组中的对象
       }
    },20)

想实现每20ms绘制出一个矩形
我这么写没有实现,错在哪里,或者要实现这个需求应该怎么写?

阅读 2.8k
1 个回答

推荐你看本书吧,
html5 canvas 核心技术
另外这个网站上可以同步看运行结果和书中练习。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题