New to Kendo UI for jQueryStart a free 30-day trial

kendo.drawing.Segment : kendo.Class

Defines a path segment with an anchor point and optional curve control points.

Segments are created implicitly by the Path lineTo and curveTo commands.

Example - accessing path segments

<div id="surface"></div>
<script>
    var draw = kendo.drawing;

    var path = new draw.Path()
        .moveTo(100, 100)  // Creates segment #0
        .lineTo(200, 100)  // Creates segment #1
        .stroke("red", 1);

    // Moves the line starting point 50px to the left
    path.segments[0].anchor().translate(50, 0);

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

Constructor Parameters

Methods

In this article
Constructor ParametersMethods
Not finding the help you need?
Contact Support