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

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

    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);
</script>