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

Stroke

configuration

The stroke options of the shape.

stroke

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

    var path = new draw.Path({
        stroke: {
            color: "#e74c3c",
            width: 5,
            lineCap: "round",
            lineJoin: "round",
            dashType: "dash"
        }
    })
    .moveTo(50, 50)
    .lineTo(200, 50)
    .lineTo(200, 200)
    .lineTo(50, 200)
    .close();

    var surface = draw.Surface.create($("#surface"));
    surface.draw(path);
</script>
Not finding the help you need?
Contact Support