<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>