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

LineJoin

fields

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

lineJoin

String

Default: "miter"

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