背景显示不出来

背景显示不出来，代码检查很多遍了，也换浏览器试过依然刷不出来，求源码，下面是我的代码

// 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);

}