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

    var arcGeometry = new geom.Arc([100, 100], {
        radiusX: 50,
        radiusY: 35,
        startAngle: 45,
        endAngle: 225
    });
    var arc = new draw.Arc(arcGeometry).stroke("purple", 3);

    // Create a clipping path
    var clipPath = new draw.Path().moveTo(75, 75).lineTo(125, 75).lineTo(125, 125).lineTo(75, 125).close();
    
    // Set the clipping path
    arc.clip(clipPath);

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

    // Get the current clipping path
    var currentClip = arc.clip();
    console.log("Current clip path:", currentClip);
</script>