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

    var path = new draw.Path()
        .moveTo(50, 50)
        .lineTo(150, 50)
        .curveTo([200, 100], [200, 150], [150, 200])
        .lineTo(50, 200)
        .close();

    // Access and log the segments
    console.log("Path has " + path.segments.length + " segments");
    for (var i = 0; i < path.segments.length; i++) {
        console.log("Segment " + i + ":", path.segments[i]);
    }

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