JS：使用X像素的边距获取长宽比

Question

我有一个在框架中显示网页的应用程序。 该帧应为1280x720像素，但有时会渲染为1280x719或1281x720。 现在，我发现此脚本可以根据任何给定的宽度和高度来计算比率：

function gcd (a, b) { 
    return (b == 0) ? a : gcd (b, a%b);
}

当视口正好为1280x720像素时，这可以很好地工作，但是当视口为1280x719或1281x720时，它将返回1280：719或1281：720作为纵横比。

我希望脚本执行的操作仍是返回16：9。

我已经考虑过使用具有一些默认纵横比（16：9、4：3，...）的数组。 这样，可以检查阵列的每个裕度差，直到找到结果为止。 我只是不知道如何快速检查每个边距值。 希望这里的任何人都能帮助我实现上述目标。

Answer 1

我实际上只是找到了以下帖子： 显示正确的宽高比

我将PHP脚本转换为javascript，并提出了以下解决方案：

function findBestMatch(numerator, denominator) {
    commonRatios = [
        [1, '1:1'], [(4 / 3), '4:3'], [(3 / 2), '3:2'],
        [(5 / 3), '5:3'], [(16 / 9), '16:9'], [3, '3']
    ];

    value = numerator / denominator;

    end = (commonRatios.length - 1);
    for (i = 0; i < end; i++) {
        if (value == commonRatios[i][0]) {
            // we have an equal-ratio; no need to check anything else!
            return commonRatios[i][1];
        } else if (value < commonRatios[i][0]) {
            // this can only happen if the ratio is `< 1`
            return commonRatios[i][1];
        } else if ((value > commonRatios[i][0]) && (value < commonRatios[i + 1][0])) {
            // the ratio is in-between the current common-ratio and the next in the list
            // find whichever one it's closer-to and return that one.
            return ((value - commonRatios[i][0]) < (commonRatios[i + 1][0] - value)) ? commonRatios[i][1] : commonRatios[i + 1][1];
        }
    }

    // we didn't find a match; that means we have a ratio higher than our biggest common one
    // return the original value
    return ratio;
}

这似乎有效！