lineJoinString(default: "miter")

The stroke line join style.

ValueDescription
bevelKendo UI for jQuery dasha beveled join
miterKendo UI for jQuery dasha square join
roundKendo UI for jQuery dasha rounded join

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',
        lineJoin: "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
lineJoin
Not finding the help you need?
Contact Support