Я хочу это: http://i.imgur.com/UFtITOi.png
для исправления: http://i.imgur.com/fzmMwHM.png
Я предпочитаю Javascript, но вы можете снимать разные подходы.
Это будет намного проще, если уже есть алгоритм, поэтому я могу посмотреть на него.
Спасибо!
Вот проект GitHub, который делает бин-упаковку в javascript. Вы можете использовать это, чтобы назначить позиции вашим рисункам холста 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/ (с использованием варианта кладки)