New to Kendo UI for jQuery? Start a free 30-day trial

ControlIn

methods

Gets or sets the first curve control point of this segment.

The setter returns the current Segment to allow chaining.

controlIn

Parameters:valuekendo.geometry.Point

The new control point.

Returns:kendo.geometry.Point

The current control point.

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

    // Create a curved path
    var path = new draw.Path()
        .moveTo(100, 100)
        .curveTo([150, 50], [200, 50], [250, 100])
        .stroke("purple", 2);

    // Get the first control point of the curve segment
    var currentControlIn = path.segments[1].controlIn();
    console.log("Current controlIn:", currentControlIn.x, currentControlIn.y);

    // Set a new first control point
    path.segments[1].controlIn(new geom.Point(120, 30));
    console.log("New controlIn:", path.segments[1].controlIn().x, path.segments[1].controlIn().y);

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