controlIn

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

The setter returns the current Segment to allow chaining.

Parameters

value kendo.geometry.Point

The new control point.

Returns

kendo.geometry.Point The current control point.

Example

<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>
In this article
controlIn
Not finding the help you need?
Contact Support