不得不说谷歌很牛X,盼望这google早点回来,google在香港建立的数据中心能早日能投入使用。本博客的图床大部分就是使用Google+的相册的,在使用的时候被相片无缝对齐这样的效果迷住了,下面就谈一谈他是如何实现的。来自网友:yulanggong的解答。
效果展示:
https://plus.google.com/photos/105164175322388592868/albums/5708998284999176833
要达到的要求是:
- 图片大小随意
- 图片等比缩放,部分可以有裁切
- 图片间距相等(定值)
- 每行高相等(不同行高度可不等),第一张图片可以占两行
- 图片顺序从左到右,从上到下,先后顺序不变
- 不必填充满整个矩形
- 把所有图片等比缩放到相同高度
- 以类似文字流的方式填充到容器内
- 调节单行高度使左右对齐
- 最后一行不调节高度
- 第一张图片是定宽,右边剩下的区域用上面提到的方法填充两行
- 根据调整完的两行高度决定第一张图片的高度,并裁切
- 剩下的区域用上面提到的方法填充