javascript - 用照片填充固定尺寸的 div

标签 javascript math image-gallery photo-gallery sprite-sheet

我真的很挣扎。
我有一个具有固定尺寸(高度和宽度)的 div。
我想要填充 div 的照片数量未定。它们的尺寸各不相同。只要保持纵横比,就可以调整它们的大小。
我想了解填充 div 的最佳方式,以便理想情况下所有照片都能放入其中,并且“空白”或间隙最少。实际上,我更喜欢 div 之外的最小“泄漏”,而不是间隙。
到目前为止,我已经尝试了很多方法(砖石、google+ 风格、简单的 css),但我无法想出令人满意的解决方案。

编辑:
经过更多研究后,我发现我正在寻找的实际上非常接近 packing problem ,但我发现的最接近的问题是“将不同的矩形打包在一个矩形中”,并且我需要一个解决方案来“将不同的矩形打包在一个特定纵横比的矩形中”。

世界上有数学天才吗?

最佳答案

这就是我用的..

HTML:

<img id="myImage" src="" style="max-height:100%; max-width:100%" />

JavaScript:

document.getElementById("myImage").src = imageName;

希望有帮助...:)

关于javascript - 用照片填充固定尺寸的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21259139/

相关文章:

javascript - 什么时候可以使用.then来使用当前返回的值?

javascript - const Component = () => (<div></div>) 与 React 中的 const Component = () => {return(<div></div>)} 相同吗?

javascript - 绑定(bind)事件期间检索到的输入值不正确

c# - 在特定条件下使用 LINQ 从列表中获取数字

c - 在 C 中使用 math.h sqrt 函数

javascript - 通过 iframe src 进行 xss 攻击

c++ - 快速访问二维矩阵中的单元格

javascript - 帮助 Mootools Gallery - 过渡文本

css - 图库灯箱插件问题

nginx - 有没有办法在没有任何第三方实用程序的情况下在 nginx 中创建一个简单的静态图片库?