为了账号安全,请及时绑定邮箱和手机立即绑定

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

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 回答

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

function drawBackground() {

    bgPic.onload=function(){

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

    }

}


1 回复 有任何疑惑可以回复我~
#1

慕仙837676

这样写不报错,但是背景还是出不来
2018-12-28 回复 有任何疑惑可以回复我~
#2

慕仙837676 回复 慕仙837676

在 function drawBackground() { bgPic.onload=function(){ ctx2.drawImage(bgPic,0,0,canWidth,canHeight); console,log("canwWidth"); } } 控制台也没有反应
2018-12-28 回复 有任何疑惑可以回复我~

同问,,,

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信