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>