<div id="surface" style="width: 250px; height: 250px;"></div>
<script>
    var draw = kendo.drawing;
    var geom = kendo.geometry;

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

    // Create the main path
    var path = new draw.Path({
        clip: clipPath,
        stroke: {
            color: "#e74c3c",
            width: 3
        }
    })
    .moveTo(0, 100)
    .lineTo(200, 100);

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