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

Example
View Source
<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
constructor parameters
anchor
constructor parameters
controlIn
constructor parameters
controlOut
Methods
methods
anchor
methods
controlIn
methods
controlOut
Not finding the help you need?
Contact Support