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

kendo.drawing.Path : kendo.drawing.Element

Represents a path consisting of linear or cubic Bézier curve segments.

Example - draw a path

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

    var path = new draw.Path()
        .moveTo(100, 200)
        .curveTo([100, 100], [250, 100], [250, 200])
        .lineTo(100, 200);

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