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

    var multiPath = new draw.MultiPath({
        opacity: 0.3,
        fill: { color: "red" },
        stroke: { color: "black", width: 2 }
    });

    multiPath.moveTo(50, 50).lineTo(200, 50).lineTo(200, 200).lineTo(50, 200).close()
             .moveTo(100, 100).lineTo(150, 100).lineTo(150, 150).lineTo(100, 150).close();

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