动态图像排序和裁剪类似于google+相册视图

Dynamic images sorting and cropping similar to google+ album view

本文关键字：google+ 视图类似于裁剪图像排序动态更新时间：2023-09-26

有人能帮我找到一个解决方案，以实现与Google plus相册视图相同的结果吗?

缩略图列表通过重新排序和裁剪图像来保持一致的行宽，以便它们始终适合，并根据窗口大小重新排列它们。

我知道砌体，但它往往会创建大量的空白，当图像没有相同的大小…(因为它不处理裁剪)

有人知道有这样的插件吗?或者背后的基本数学?

看一看:

http://blog.vjeux.com/2012/javascript/image-layout-algorithm-google-plus.html

它解释了布局的工作原理。

还可以看看:http://www.techbits.de/2011/10/25/building-a-google-plus-inspired-image-gallery/http://www.moewashere.com/jglance/

都是Google plus相册网格的实现

对于你正在寻找的东西来说，这可能有点过分了。

你可以使用模拟退火算法，这是电子产品中常用的，用于为微芯片限制区域内的所有微小电子元件找到最佳布局，这基本上是为浏览器窗口内的一组图像找到最佳布局的问题。

基本上，这个算法给你一个很好的解决方案，但不能保证是最好的。请仔细阅读维基百科的文章，因为它比我解释得更好。

您还可以查看这个模拟退火小程序来解决推销员问题。试试500度的温度，看看冷却下来会发生什么。

我在google +中发现的，也许它可以帮助你。

这样做很容易。你可以通过缩放来调整图像到相同的高度，在每行中你可以切割最宽的一点来调整线的宽度。

O，顺便说一下，如果你用google+服务拉伸chrome窗口，它将不像以前那么好，一些空白将出现在一些行