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

LineCap

fields

The stroke line cap style.

ValueDescription
buttKendo UI for jQuery dasha flat edge with no cap
roundKendo UI for jQuery dasha rounded cap
squareKendo UI for jQuery dasha square cap

lineCap

String

Default: "butt"

<div id="surface"></div>
<script>
  var draw = kendo.drawing;
  var path = renderPath();

  function renderPath() {
    var path = new kendo.drawing.Path({
      stroke: {
        color: '#E4141B',
        width: 20,
        lineCap: "round"
      }
    });

    var start = new kendo.geometry.Point(100, 100);
    for (var i = 0; i < 15; i++) {
      path.lineTo(start.clone().translate(i * 20, 0));
    }

    return path;
  }

  var surface = draw.Surface.create($("#surface"));

  surface.draw(path);

</script>
Not finding the help you need?
Contact Support