var can1; var can2; var ctx1; var ctx2; var canWidth; var canHeight; var lastTime; var deltaTime; var bgPic=new Image(); document.body.onload=game; function game(){ init(); lastTime=Data.now(); deltaTime=0; gameloop(); } function init(){ can1=document.getElementById("canves1");//dishes,dust,UI,circle ctx1=can1.getContext('2d'); can2=document.getElementById("canves2")//background,ane,fruits ctx2=can2.getContext('2d'); bgPic.src="./src/background.jpg"; canWidth=can1.Width; canHeight=can1.height; } function geamloop(){ window.requestAnimFrame(gameloop); var now=Date.now(); deltaTime=now-lastTime; lastTime=now; drawbackground(); }
canvas敲错了吧,没获取到这个对象
视频上的写错了 但是不知道视频上的背景怎么出来的, 这个才是正确的写法 window.requestanimationframe