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

    var arcGeometry = new geom.Arc([100, 100], {
        radiusX: 40,
        radiusY: 40,
        startAngle: 0,
        endAngle: 270
    });
    var arc = new draw.Arc(arcGeometry).stroke("red", 2);

    // Apply clipping
    var clipPath = new draw.Path().moveTo(80, 80).lineTo(120, 80).lineTo(120, 120).lineTo(80, 120).close();
    arc.clip(clipPath);

    var surface = draw.Surface.create($("#surface"));
    surface.draw(arc);

    var clippedBBox = arc.clippedBBox();
    console.log("Clipped bounding box:", clippedBBox);
</script>