背景显示不出来
背景显示不出来,代码检查很多遍了,也换浏览器试过依然刷不出来,求源码,下面是我的代码
// JavaScript Document------main.js部分-------
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=Date.now();
deltaTime=0;
gameloop();
}
function init(){
//获取canvas context
can1=document.getElementById("canvas1");//fish,dust,UI,circle
ctx1=can1.getContext('2d');//canvas1场景
can2=document.getElementById("canvas2");//background,ane,fruits
ctx2=can2.getContext('2d');
bgPic.src="./src/background.jpg";
canWidth=can1.width;
canHeight=can1.height;
}
function gameloop()
{
window.requestAnimFrame(gameloop);//语句含义:当前绘制完成根据机器性能绘制下一帧,即frame per second是不确定的
var now=Date.now();
deltaTime=now-lastTime;
lastTime=now;
drawBackground();
}
// JavaScript Document-----background.js部分-----
function drawBackground(){
ctx2.drawImage(bgPic,0,0,canWidth,canHeight);
}