本文标题：《「JavaScript」常用图片比例生成》。

镜像链接：https://www.wdssmq.com/post/20201121554.html

找了几个在线计算比例的工具都不好用。。直接写 JS 遍历了份出来。。其他尺寸改下参数也可以用。。大概。。

找了几个在线计算比例的工具都不好用。。直接写 JS 遍历了份出来。。其他尺寸改下参数也可以用。。大概。。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
(() => {
  const iList = [
    [16, 9],
    [5, 4],
    [5, 3],
    [4, 3],
    [3, 2],
    [3, 1],
    [2, 1],
  ];
  const wList = [640, 960, 1024, 1280, 1366, 1440];
  let strRlt = "";
  iList.forEach((i) => {
    strRlt += "__" + i.join("__x__");
    strRlt += `\n(宽 / 高) = ` + i[0] / i[1];
    strRlt += "\n";
    wList.forEach((w) => {
      h = (w / i[0]) * i[1];
      if (h == parseInt(h)) {
        strRlt += `${w} x ${h}`;
        strRlt += "\n";
      }
    });
    strRlt += "\n";
  });
  console.log(strRlt);
})();

执行结果：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
__16__x__9
(宽 / 高) = 1.7777777777777777
640 x 360
960 x 540
1024 x 576
1280 x 720
1440 x 810

__5__x__4
(宽 / 高) = 1.25
640 x 512
960 x 768
1280 x 1024
1440 x 1152

__5__x__3
(宽 / 高) = 1.6666666666666667
640 x 384
960 x 576
1280 x 768
1440 x 864

__4__x__3
(宽 / 高) = 1.3333333333333333
640 x 480
960 x 720
1024 x 768
1280 x 960
1440 x 1080

__3__x__2
(宽 / 高) = 1.5
960 x 640
1440 x 960

__3__x__1
(宽 / 高) = 3
960 x 320
1440 x 480

__2__x__1
(宽 / 高) = 2
640 x 320
960 x 480
1024 x 512
1280 x 640
1366 x 683
1440 x 720