最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - Can I hack Packery.js to create circular bin packing? - Stack Overflow

programmeradmin2浏览0评论

this is implemented in python (more tests)

I'm interested in a result like in the image above (implemented in python) using the Packery.js jQuery plugin for js/DOM based bin packing. Packery is built to work from left to right, top to bottom, but I wonder if using a circular bounding box rather the viewport as its boundaries could do the trick.

Ultimately I want to use this to present many image thumbnails with a wide array of sizes and proportions.

Any code examples or other pointers would be highly appreciated.

Here's a CodePen for you to play with:

this is implemented in python (more tests)

I'm interested in a result like in the image above (implemented in python) using the Packery.js jQuery plugin for js/DOM based bin packing. Packery is built to work from left to right, top to bottom, but I wonder if using a circular bounding box rather the viewport as its boundaries could do the trick.

Ultimately I want to use this to present many image thumbnails with a wide array of sizes and proportions.

Any code examples or other pointers would be highly appreciated.

Here's a CodePen for you to play with:

Share Improve this question edited Sep 11, 2019 at 13:23 Glorfindel 22.7k13 gold badges90 silver badges120 bronze badges asked Jan 23, 2014 at 11:59 MushonMushon 618 bronze badges 1
  • Please edit the externally hosted code into the post; doing so will make sure it remains useful even if the link breaks. My script is not allowed to do this because of potential licensing problems. – Glorfindel Commented Sep 11, 2019 at 13:23
Add a ment  | 

1 Answer 1

Reset to default 10 +25

Yes! See https://github./metafizzy/packery/issues/62

In the works.

Development is on the center-out-corner branch. It's in an experimental phase. While this is a neat visual demo, I'm unsure how practical its application is.

发布评论

评论列表(0)

  1. 暂无评论