lineCapString(default: "butt")

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

Example - Creating a drawing surface

<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>
In this article
lineCap
Not finding the help you need?
Contact Support