Edit this page

lineTo

Draws a straight line to the specified absolute coordinates.

Example - Draw a straight path

<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>

Parameters

x Number |Array |kendo.geometry.PointThe line end X coordinate or a Point/Array with X and Y coordinates.
y Number optionalThe line end Y coordinate.

Optional if the first parameter is a Point/Array.

Returnskendo.drawing.Path The current instance to allow chaining.

Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy