KineticJS move line

by bighostkim

HTML

<div id="container"></div>

JavaScript

var stage = new Kinetic.Stage({
      container: 'container',
      width: 578,
      height: 200
    });
    var layer = new Kinetic.Layer();
    var redLine = new Kinetic.Line({
        points: [100, 100, 200, 200],
        stroke: 'red',
        strokeWidth: 15,
        id : "myline"
    });

    layer.add(redLine);
    stage.add(layer);

    document.getElementById('container').addEventListener('click', function(e) {
        stage.get("#myline")[0].setPoints( [e.clientX, e.clientY,e.clientX+100, e.clientY+100] );
        layer.draw();
    });