dashType String (default: "solid")

The stroke dash type.

Value Description
dash a line consisting of dashes
dashDot a line consisting of a repeating pattern of dash-dot
dot a line consisting of dots
longDash a line consisting of a repeating pattern of long-dash
longDashDot a line consisting of a repeating pattern of long-dash dot
longDashDotDot a line consisting of a repeating pattern of long-dash dot-dot
solid a solid line

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',
        dashType: "dash"
      }
    });

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