lineJoin String
(default: "miter")
The stroke line join style.
Value | Description | |
---|---|---|
bevel |
a beveled join | |
miter |
a square join | |
round |
a rounded join |
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',
lineJoin: "round"
}
});
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>