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

Stroke

methods

Sets the shape stroke.

stroke

Parameters:colorString

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 multiPath = new draw.MultiPath()
        .moveTo(50, 50).lineTo(150, 50).lineTo(100, 100).close()
        .moveTo(100, 150).lineTo(200, 150).lineTo(150, 200).close();

    // Set stroke color, width, and opacity
    multiPath.stroke("purple", 3, 0.8);
    multiPath.fill("yellow");

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