算法在屏幕上排列图像

Question

我需要开始构建一个图像应用程序，我的客户想要在屏幕上安排像谷歌电视那样的picute，以及everpix。我一直在寻找它，但我无法找到它。以这种方式排列图片的结果令人惊叹，并充分利用了屏幕空间。

http://www.google.com//tv/static/images/photos_tv_straight.png

这是一个已知的算法吗？它有名字吗？

非常感谢 Ť

Answer 1

像jwpat7建议寻找“照片拼贴布局”算法。特别是像“treemap”和类似的（squarified trieemap）。我正在研究类似的算法和一些少量的图像，你只需要解决简单的线性方程组。还有另一篇惠普文章可能更接近您所寻找的内容。

Mixed-Initiative Photo Collage Authoring - 请看第4部分。

使用一些方形树图和比率优化完成以下图像。

Answer 2

搜索照片蒙太奇和照片拼贴算法，以及照片拼贴。

名为“可调整大小的背景艺术的结构化布局”的HP article可能会有所帮助。

许多拼贴程序可供购买，有些软件以源代码形式提供;例如请参阅hlrnet列表，software.informer列表，也许这会调整大小blurb。

用于缩放拼贴照片同时保持宽高比的代数很简单，很容易针对特定情况进行描述，但不适用于太一般的情况。

Answer 3

在css中，您可以排列从水平到垂直的图像。一个很好的例子是Google图片搜索。有一个Jquery Masonry插件可以从垂直到水平排列，它有一些很好的动画。在你的例子中你想要一个矩形排列我建议使用树形图算法，你也可以在90°旋转矩形。