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

MoveTo

methods

Creates a new sub-path or clears all segments and moves the starting point to the specified absolute coordinates.

moveTo

Parameters:xNumber|Array|kendo.geometry.Point

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

Returns:kendo.drawing.MultiPath

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 multiPath = new draw.MultiPath();

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

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

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