39,084
社区成员
发帖
与我相关
我的任务
分享html5 新手 游戏canvas 放大到手机屏幕的问题
我想自己做个简单游戏，列如俄罗斯方块,用mobile web project做了一个，右手机测试了一下可以执行。
想把这个游戏放大到手机全屏。游戏是用canvas做的
想把这个游戏放大到手机全屏。游戏是用canvas做的
...全文
请发表友善的回复…
发表回复
业余草 2015-05-07
- 打赏
- 举报
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Device Properties Example</title>
<script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
<script type="text/javascript" charset="utf-8">
// Wait for PhoneGap to load
//
function onLoad() {
document.addEventListener("deviceready", onDeviceReady, false);
}
// PhoneGap is ready
//
function onDeviceReady() {
var h = screen.height - 40;
var w = screen.width - 20;
var c=document.getElementById("myCanvas");
c.setAttribute('width', w);
c.setAttribute('height', h);
var cxt=c.getContext("2d");
cxt.fillStyle="#FF0000";
cxt.fillRect(0,0,w,h);
}
</script>
</head>
<body onload="onLoad()">
<canvas id="myCanvas"></canvas>
</body>
</html>
