问答详情
源自:2-1 绘制背景

背景显示不出来???

var can1;

var can2;


var ctx1;

var ctx2;


var lastTime;  //上一帧执行的时间

var deltaTime; //两帧时间差


var canWidth;

var canHeight;


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");//fishes,dust,UI(score),circle

ctx1 = can1.getContext('2d');

can2 = document.getElementById("canvas2");//background,haikui,fruits

ctx2 = can2.getContext('2d');



bgPic.src="./src/background.jpg";


canWidth=can1.width;

canHeight=can1.height;

}

function gameloop(){

window.requestAnimationFrame(gameloop);

var now = Date.now();

deltaTime = now -lastTime;

lastTime = now;

drawBackground();

}


提问者:慕粉3972337 2016-11-18 16:09

个回答

  • 慕仰0389463
    2016-11-19 17:41:37
    已采纳

    可能你的图片路径有问题哦,你看看浏览器f12 中的network 有没有加载成功你的图片


  • qq_向着阳光生活_03329673
    2016-12-15 22:54:58

    怎么改的