【发布时间】:2010-11-07 01:02:56
【问题描述】:
我正在尝试为我的游戏网站设计一个“网状样条线”按钮。
其功能是调整游戏嵌入的大小以最佳填充我正在玩游戏的窗口。
到目前为止,我已经找到了一些正确的示例:
Sushi Cat 和 Squirrelfall 似乎都可以正常工作。
不幸的是,在 TimEmu 上工作时
游戏尺寸过大,无法放入窗口。
执行此操作的函数是带有一点 PHP 的 jQuery:
function game_resize(orig) {
dH = <?= $r['height'] ?>;
dW = <?= $r['width'] ?>;
maxH = $(window).height();
maxW = $(window).width();
nR = (maxH - 80) / dH;
if (orig) {
$('#gamebed').width(dW);
$('#gamebed').height(dH);
} else {
$('#gamebed').width(dW * nR );
$('#gamebed').height(dH * nR);
}
}
我无法正确地检查以确保 div 游戏空间填满屏幕而不会越过。我必须对纵横比做点什么。
也许我必须暂时离开键盘,然后再回来使用它(有时这些东西只是在休息后突然出现)。
任何人都可以“看到”这个问题的答案吗?我确定这很明显。
【问题讨论】:
-
我在这里回答了一个关于图像大小调整的类似问题:stackoverflow.com/questions/3332237/image-resizing-algorithm/…
标签: jquery resize aspect-ratio