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

    // Create a rect
    var rectGeometry = new geom.Rect([0, 0], [100, 100]);
    var rect = new draw.Rect(rectGeometry).fill("blue");

    // Create a clipping path
    var clipPath = new draw.Path().moveTo(10, 10).lineTo(90, 10).lineTo(90, 90).lineTo(10, 90).close();

    // Apply the clipping path
    rect.clip(clipPath);

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