wrap Boolean (default: true)

Specifies the behavior when the elements size exceeds the rectangle size. If set to true, the elements will be moved to the next "line". If set to false, the layout will be scaled so that the elements fit in the rectangle.

Example

<div id="surface" style="height: 300px;"></div>
<script>
  var draw = kendo.drawing;
  var Rect = kendo.geometry.Rect;
  var Path = draw.Path;
  var rect = new Rect([200, 0], [250, 300]);
  var pathRect = new Rect([0, 0], [100, 100]);
  var layout = new draw.Layout(rect, {
    wrap: false
  });

  var pathA = Path.fromRect(pathRect);
  var pathB = Path.fromRect(pathRect);
        var pathC = Path.fromRect(pathRect);
  layout.append(pathA, pathB, pathC);
  layout.reflow();

  var surface = draw.Surface.create($("#surface"));
  surface.draw(layout);
  surface.draw(Path.fromRect(rect));
</script>
In this article
Not finding the help you need? Improve this article