「JavaScript」常用图片比例生成

吐槽/反馈/建议:我的咸鱼心  爱发电-@wdssmq

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

(() => {
  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);
})();

执行结果:

__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

爱发电

本文标题:《「JavaScript」常用图片比例生成》作者:沉冰浮水
原文链接:https://www.wdssmq.com/post/20201121554.html
特别注明外均为原创,转载请注明。

分享到微信

扫描二维码

可在微信查看或分享至朋友圈。

相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

网站分类

  • 订阅本站的 RSS 2.0 新闻聚合

搜索

本周旧文

wdssmq/blog-astro: 一个基于 Astro 的静态博客;

本质上,面临一个代码问题时,我们需要的是另一个人愿意为「你」的问题投入精力,并且有相应的技术知识。。

接上一条,Resilio Sync 换 Syncthing 感觉也是略大的工程。。Orz

去年 GoodSync 送了一年授权,然后也确实用上了;本来想着到期就换 Syncthing,结果前几天临期提醒,花 ¥381 续了三年 Orz,两者定位和使用姿势还是有些差别的。。更早是用 Resilio Sync 和 BCompare,但是前者内存占用太高,后者并不是自动同步的定位。。

2024 年了,姑且备份下嘟特存档。。

……,一个不知名的小众样式库 + 内联样式混写这种入坑姿势确实很有槽点,但是,「已经开始学」并且能够持续是绝对值得肯定的。。

在贴吧看过很多提问了,就有种错觉:好多人为了提一个问题专门注册了贴吧,问题本身可能得到有效回答,也可能没有(和提问的点及具体姿势有关。。但无论如何,之后就和注销了账号一样没有然后了,好像之后永远不用学相应的东西一样。。

《恶魔娃娃》

- 他们正研究你究竟是真正的大人,还是伪装成大人的小孩

- 我自己都研究很久了

乐高 DC 里,(基本就蝙蝠侠家,,年龄最小的那个无论是谁感觉人设都会变得一样 - -

所以,就感觉和祥林嫂一样,每天都需要向外「签到」自己的情绪感受,然而又并没有什么「需要」我这样的签到……

爱发电支持者

最新留言

友情链接