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

    var multiPath = new draw.MultiPath({
        stroke: {
            color: "purple",
            width: 3,
            dashType: "dash"
        },
        fill: { color: "lightblue" }
    });

    multiPath.moveTo(50, 50).lineTo(200, 50).lineTo(200, 150).lineTo(50, 150).close()
             .moveTo(75, 75).lineTo(175, 75).lineTo(125, 125).close();

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