画线

我有两个图 我点击a图 再点击b图 ab之间就会出现一条连线 而且我拖动a或b连线会跟随变化

只需要监听并且计算两个点的运动轨迹就可以了吧

function createLine(x1,y1, x2,y2){
    var length = Math.sqrt((x1-x2)*(x1-x2) + (y1-y2)*(y1-y2));
  var angle  = Math.atan2(y2 - y1, x2 - x1) * 180 / Math.PI;
  var transform = 'rotate('+angle+'deg)';

    var line = $('<div>')
        .appendTo('#page')
        .addClass('line')
        .css({
          'position': 'absolute',
          'transform': transform
        })
        .width(length)
        .offset({left: x1, top: y1});

    return line;

画线，线的类

.line {
  -webkit-transform-origin: 0 100%;
  height: 3px;
  background: #000;
}

那我要实现在两个图标之间建立连线只要抓取这两个图标的坐标就可以了