一种实现矩形装箱的方法

3
我正在尝试使用下述论文中的最大矩形算法来实现2D装箱。http://clb.demon.fi/files/RectangleBinPack.pdf 为了实现此算法,哪种数据结构最合适?通过搜索引擎,我发现有不同的Guillotine装箱算法实现,它们使用树。同样的方法也适用于这个吗?我对算法本身并不十分清楚,请给我更多的解释。

1
帖子应该是自包含的。我们不应该(1)点击您的随机链接和(2)阅读论文才能理解问题。 - Bernhard Barker
1个回答

1

我在研究自动生成CSS雪碧图时偶然发现了一些东西。我认为源代码中的矩形是由元组表示的,实际算法使用了二叉树。也许这对你有用。

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

编辑 这里是来自https://github.com/jakesgordon/bin-packing/blob/master/js/packer.js的代码示例。

/******************************************************************************

This is a very simple binary tree based bin packing algorithm that is initialized
with a fixed width and height and will fit each block into the first node where
it fits and then split that node into 2 parts (down and right) to track the
remaining whitespace.

Best results occur when the input blocks are sorted by height, or even better
when sorted by max(width,height).

Inputs:
------

  w:       width of target rectangle
  h:      height of target rectangle
  blocks: array of any objects that have .w and .h attributes

Outputs:
-------

  marks each block that fits with a .fit attribute pointing to a
  node with .x and .y coordinates

Example:
-------

  var blocks = [
    { w: 100, h: 100 },
    { w: 100, h: 100 },
    { w:  80, h:  80 },
    { w:  80, h:  80 },
    etc
    etc
  ];

  var packer = new Packer(500, 500);
  packer.fit(blocks);

  for(var n = 0 ; n < blocks.length ; n++) {
    var block = blocks[n];
    if (block.fit) {
      Draw(block.fit.x, block.fit.y, block.w, block.h);
    }
  }


******************************************************************************/

Packer = function(w, h) {
  this.init(w, h);
};

Packer.prototype = {

  init: function(w, h) {
    this.root = { x: 0, y: 0, w: w, h: h };
  },

  fit: function(blocks) {
    var n, node, block;
    for (n = 0; n < blocks.length; n++) {
      block = blocks[n];
      if (node = this.findNode(this.root, block.w, block.h))
        block.fit = this.splitNode(node, block.w, block.h);
    }
  },

  findNode: function(root, w, h) {
    if (root.used)
      return this.findNode(root.right, w, h) || this.findNode(root.down, w, h);
    else if ((w <= root.w) && (h <= root.h))
      return root;
    else
      return null;
  },

  splitNode: function(node, w, h) {
    node.used = true;
    node.down  = { x: node.x,     y: node.y + h, w: node.w,     h: node.h - h };
    node.right = { x: node.x + w, y: node.y,     w: node.w - w, h: h          };
    return node;
  }

}

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接