New to Kendo UI for jQuery? Start a free 30-day trial

ClippedBBox

methods

Returns the bounding box of the element with clipping and transformations applied. Inherited from Element.clippedBBox

clippedBBox

Returns:kendo.geometry.Rect

The bounding box of the element with clipping transformations applied.

<div id="surface"></div>
<script>
    var draw = kendo.drawing;
    var group = new draw.Group();

    var pathA = new draw.Path().moveTo(0, 0).lineTo(100, 100);
    var pathB = new draw.Path().moveTo(0, 100).lineTo(100, 0);
    group.append(pathA, pathB);

    var bbox = group.clippedBBox();
    console.log("Clipped bounding box:", bbox);
    console.log("Width:", bbox.size.width, "Height:", bbox.size.height);

    var surface = draw.Surface.create($("#surface"));
    surface.draw(group);
</script>