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

    var path = new draw.Path({
        stroke: {
            color: "#e74c3c",
            width: 5,
            lineCap: "round",
            lineJoin: "round",
            dashType: "dash"
        }
    })
    .moveTo(50, 50)
    .lineTo(200, 50)
    .lineTo(200, 200)
    .lineTo(50, 200)
    .close();

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