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

    var multiPath = new draw.MultiPath({
        transform: geom.transform().rotate(45, [125, 125]),
        fill: { color: "cyan" }
    });

    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>