自动排列多张图片以适应整个网页

3

有一堆不同尺寸和比例的图片,但都是矩形的。是否有一种简单的javascript/css方法可以将它们组装起来,使它们适合整个网页?例如:

给定以下限制条件:
  • 图像可以在处理过程中独立缩小,但不能放大。
  • 缩小的尺寸应该有一个大小限制(这样图像仍然可以被看到)。
  • 图像可以随意重新排序以适应最佳包装
  • 必须保留比例。

是否有通用/正式术语来描述此过程,以便我可以更好地搜索解决方案?

我猜这不是一件容易的事情,也没有现成的方式来做到这一点,比如一个js库。但是是否存在一种算法,可以从组合矩形以适应更大矩形的几何角度来处理此操作?


1
你要找的是一种叫做“马赛克”的东西。看看这个网站:http://masonry.desandro.com/,或许能帮到你。 - Ionut Necula
1
这里有两个关键问题:(1)所有图像是否同时调整大小,还是每个图像可以独立调整大小?(2)图像的顺序是否固定,还是可以重新排序以实现最佳的“装箱”效果? - FDavidov
  1. 每个图像可以独立于其他图像进行调整大小
  2. 它们可以重新排序以实现最佳的打包效果
- mazieres
1个回答

3

1
@Quentin 我本来想把它作为评论发布,但由于我没有足够的“声望”,所以我不能发表评论...希望这回答了你的问题 :) - weinde

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接