Edit this page


Draws a straight line to the specified absolute coordinates.

Example - Draw a straight sub-path

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

    var multiPath = new draw.MultiPath()
        .moveTo(100, 200);

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

    multiPath.moveTo(150, 150).lineTo(200, 150).close();

    var surface = draw.Surface.create($("#surface"));


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