当前位置：文江博客话题详情

根据已知的宽度和高度计算最佳嵌入尺寸？

发布于 2024-09-30 14:03:55 字数 1126 浏览 5 评论 0原文

我正在尝试为我的游戏网站设计一个“网状样条”按钮。

其功能是调整游戏嵌入的大小，以最佳地填充我正在玩游戏的窗口。

到目前为止，我已经得到了一些可以正常工作的示例：

Sushi Cat 和 Squirrelfall 似乎都可以正常工作。

不幸的是，在使用 TimEmu

http://fstr.net/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 游戏空间填充屏幕而不超出。我必须对纵横比做一些事情。

也许我必须离开键盘一段时间，然后再回到键盘上（有时这些东西会在休息后突然出现）。

任何人都可以“看到”这个问题的答案吗？我确信这是显而易见的。

原文

I'm trying to work out a "Reticulate Splines" button for my gaming website.

The function of which is to resize the embed of a game to optimally fill the window I'm playing the game in.

So far I've got a few examples that work just right:

Sushi Cat and Squirrelfall both seem to work properly.

Unfortunately, when working on TimEmu

http://fstr.net/Timemu

the game is sizing up too wide to fit into the window.

The function that does this is jQuery with a bit of PHP:

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);
    }
}

I just can't wrap my head around the right checks to ensure the div game space fills the screen without going over. I've got to do something about aspect ratio.

Maybe I've got to walk away from the keyboard for a bit and come back to it (sometimes this stuff just comes to you in a flash after a break).

Can anyone just "see" the answer to this one? I'm sure it's obvious.

分享到QQ

分享到微博