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

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

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

    console.log("Control Out point:", segment.controlOut().x, segment.controlOut().y);

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