我目前正在使用 PhoneGap 制作游戏,并尝试通过 Adobe PhoneGap Build 部署游戏。但是,当我在 Android 手机上打开该应用程序时,它只是显示空白屏幕,而在我的 Ripple Emulator 上,它完美地显示了所有元素(图像、音频、加速度计、触摸事件)。应用程序的第一个屏幕应该是欢迎图像(从 img/*.jpg 导入)和一些触摸事件(用于按下按钮验证)。
这是我在 index.html 中的代码
var hello=new Image();
var state = "start";
function draw(){
switch(state)
{
case 'start' :
drawStart();
break();
...
}
requestAnimationFrame(draw);
}...
函数 drawStart() 代码...
function drawStart(){
alert("drawStart called"); //just a test
var canvas=document.getElementById('canvas');
var ctx = canvas.getContext('2d');
ctx.font="50px Georgia"; //just a test
var text1width = ctx.measureText("Labyrinth").width; //just a test
ctx.fillText("Labyrinth",(canvas.width/2)-(text1width/2) ,canvas.height/2 - 100); //just a test
hello.src="img/Hello.jpg";
ctx.drawImage(hello,0,0);
};
和身体...
<body>
<script>
$(window).on('load',function(){
draw();
});
</script>
<canvas id="canvas" height="800" width="480">
</canvas>
</body>
我在我的 drawStart 函数中添加了一个警报和上下文绘制函数,它们甚至没有出现在我的 Android 手机上。出了什么问题,我应该怎么做才能解决这个问题?