wsm将画背景的函数放在init中就不会显示背景图画?

来源:2-1 绘制背景

moonstar

2016-07-08 12:31

function game() {
	// body...
	init();
	lasttime = Date.now();
	delttime = 0;
	game_loop();
}
function init () {
	//获得canvas contex
	//canvas1 用来处理鱼,土壤,UI,圆圈
	can1 = document.getElementById("canvas1");
	//canvas2 用来处理背景 海葵
	can2 = document.getElementById("canvas2");
	ctx1 = can1.getContext('2d');
	ctx2 = can2.getContext('2d');
	bgPic.src="../SRC/bg.jpg";//文件路径
	canWidth = can2.width;
	canHight = can2.height;
	dram_image();
}
function game_loop () {
	// body...比如鱼的游动
	//该函数要对浏览器适配
	requestAnimFrame(game_loop);//比setTimeout setInterval 科学 这个是根机器性能有关
	//console.log("game");
	var now = Date.now();
	delttime = now - lasttime;
	lasttime = now;
}
/*画canvas背景*/
function dram_image (){
	console.log(canHight,canWidth,bgPic);
	ctx2.drawImage(bgPic,0,0,canWidth,canHight);
}


写回答 关注

2回答

  • zhang77
    2016-08-27 12:55:51
    已采纳

    写成这样在init里面调用就行了

    function drawBackground() {

        bgPic.onload=function(){

            ctx2.drawImage(bgPic,0,0,canWidth,canHeight);

        }

    }


    慕仙8376... 回复慕仙8376...

    在 function drawBackground() { bgPic.onload=function(){ ctx2.drawImage(bgPic,0,0,canWidth,canHeight); console,log("canwWidth"); } } 控制台也没有反应

    2018-12-28 11:59:30

    共 2 条回复 >

  • zhang77
    2016-08-27 12:51:36

    同问,,,

HTML5小游戏---爱心鱼(上)

学做HTML5游戏,轻轻松松带你上手,适合刚入手游戏开发的同学

92350 学习 · 551 问题

查看课程

相似问题