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