KineticJS Dashed Line
HTML
<script src=" https://cdnjs.cloudflare.com/ajax/libs/kineticjs/5.2.0/kinetic.js"></script>
<div id="target"></div>
CSS
#target {
width: 200px;
height: 200px;
background-color: #eee;
}
JavaScript
var element = document.getElementById('target'),
stage = new Kinetic.Stage({
container: element,
width: element.offsetWidth,
height: element.offsetHeight
}),
layer = new Kinetic.Layer();
layer.add(new Kinetic.Line({
points: [10, 10, 190, 190],
stroke: 'black',
strokeWidth: 2,
dash: null
}));
stage.add(layer);