dashTypeString(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