Как отсортировать картинки разных размеров, чтобы уместить на экране?

0

Я хочу это: http://i.imgur.com/UFtITOi.png

для исправления: http://i.imgur.com/fzmMwHM.png

Я предпочитаю Javascript, но вы можете снимать разные подходы.

Это будет намного проще, если уже есть алгоритм, поэтому я могу посмотреть на него.

Спасибо!

  • 2
    Как насчет библиотеки, которая делает это isotope.metafizzy.co
Теги:
html5-canvas

1 ответ

1
Лучший ответ

Вот проект 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/ (с использованием варианта кладки)

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

  • 0
    Спасибо. Я посмотрю на это как можно скорее.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню