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

kendo.drawing.MultiPath : kendo.drawing.Element

Draws a composite path consisting of multiple sub-paths. Using composite paths is more efficient than drawing the paths individually.

The interface of MultiPath mirrors that of Path, but each moveTo command starts a new sub-path.

Example - drawing a multi-path

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

    var multiPath = new draw.MultiPath()
        .moveTo(100, 200).curveTo([100, 100], [250, 100], [250, 200]).close()
        .moveTo(150, 150).lineTo(200, 150).close();

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