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.

This is the rectangle that will fit around the actual rendered element.

clippedBBox

Returns:kendo.geometry.Rect

The bounding box of the element with clipping and transformations applied.

<div id="surface"></div>
<script>
    var draw = kendo.drawing;
    var geom = kendo.geometry;

    var clipPath = new draw.Path();
    clipPath.moveTo(50, 50).lineTo(150, 50).lineTo(150, 100).lineTo(50, 100).close();

    var circle = new draw.Circle(new geom.Circle([100, 100], 60), {
        clip: clipPath,
        fill: { color: "red" }
    });

    var clippedBBox = circle.clippedBBox();
    var bbox = circle.bbox();

    console.log("Regular bounding box:", bbox);
    console.log("Clipped bounding box:", clippedBBox);

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