<div id="surface"></div>
<script>
    var draw = kendo.drawing;
    var geom = kendo.geometry;

    // Create a segment with anchor and first control point
    var anchorPoint = new geom.Point(200, 150);
    var controlOutPoint = new geom.Point(250, 50);
    var controlInPoint = new geom.Point(150, 50);
    var segment = new draw.Segment(anchorPoint, controlInPoint);

    // Create a curved path
    var path = new draw.Path()
        .moveTo(100, 150)
        .curveTo(controlOutPoint, controlInPoint, anchorPoint)
        .stroke("blue", 2);

    console.log("Control In point:", segment.controlIn().x, segment.controlIn().y);

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