使用DrawImage函数-JavaScript HTML5 Android PhoneGap无法在Android上加载图像
我目前正在使用PhoneGap制作一个游戏，并尝试通过Adobe PhoneGap Build部署该游戏。然而，当我在我的Android手机上打开应用程序时，它只显示空白的白色屏幕，而在我的Ripple Emulator上，它完美地显示了所有元素图像、音频、加速度计和触摸事件。应用程序的第一个屏幕应该是从img/*.jpg导入的欢迎图像，以及一些用于按下按钮验证的触摸事件 这是我在index.html中的代码使用DrawImage函数-JavaScript HTML5 Android PhoneGap无法在Android上加载图像,javascript,android,html,cordova,Javascript,Android,Html,Cordova,我目前正在使用PhoneGap制作一个游戏，并尝试通过Adobe PhoneGap Build部署该游戏。然而，当我在我的Android手机上打开应用程序时，它只显示空白的白色屏幕，而在我的Ripple Emulator上，它完美地显示了所有元素图像、音频、加速度计和触摸事件。应用程序的第一个屏幕应该是从img/*.jpg导入的欢迎图像，以及一些用于按下按钮验证的触摸事件 这是我在index.html中的代码 var hello=new Image(); var state =
var hello=new Image();
var state = "start";
function draw(){
switch(state)
{
case 'start' :
drawStart();
break();
...
}
requestAnimationFrame(draw);
}...
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>