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