如何对不同大小的图片进行排序以适应屏幕？

Question

我想要这个： http://i.imgur.com/UFtITOi.png

要解决此问题： http://i.imgur.com/fzmMwHM.png

我更喜欢Javascript，但你可以拍摄不同的方法。

如果已经有算法，那将会容易得多，所以我可以看看它。

谢谢！

Answer 1

这是一个GitHub项目，它在javascript中进行bin-packing。您可以使用它来为html画布图纸指定位置：

https://github.com/jakesgordon/bin-packing/

此帖子中描述了此代码：

http://codeincomplete.com/posts/2011/5/7/bin_packing/

如果你只需要定位DOM元素，这里有一些矩形拟合的库：

http://masonry.desandro.com/options.html

http://isotope.metafizzy.co/（使用砌体选项）

http://packery.metafizzy.co/#getting-started