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

LineTo

methods

Draws a straight line to the specified absolute coordinates.

lineTo

Parameters:xNumber|Array|kendo.geometry.Point

The line end X coordinate or a Point/Array with X and Y coordinates.

Returns:kendo.drawing.Path

The current instance to allow chaining.

<div id="surface" style="width: 250px; height: 250px;"></div>
<script>
    var draw = kendo.drawing;
    var geom = kendo.geometry;

    var path = new draw.Path()
        .moveTo(100, 200);

    // The following commands are interchangeable
    path.lineTo(200, 200);
    path.lineTo([200, 200]);
    path.lineTo(new geom.Point(200, 200));

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