dashTypeString(default: "solid")

The stroke dash type.

ValueDescription
dashKendo UI for jQuery dasha line consisting of dashes
dashDotKendo UI for jQuery dashDota line consisting of a repeating pattern of dash-dot
dotKendo UI for jQuery dota line consisting of dots
longDashKendo UI for jQuery longDasha line consisting of a repeating pattern of long-dash
longDashDotKendo UI for jQuery longDashDota line consisting of a repeating pattern of long-dash dot
longDashDotDotKendo UI for jQuery longDashDotDota line consisting of a repeating pattern of long-dash dot-dot
solidKendo UI for jQuery solida 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
dashType
Not finding the help you need?
Contact Support