html 自动连线,基于html5二个div 连线

HTML>

body {

margin: 0px;

padding: 0px;

}

canvas {

border: 1px solid #9C9898;

}

Ext.onReady(function(){

/**

自动判断顶点连线算法

*/

var stage=new Kinetic.Stage({

container:'container',

1000,

height:1000

});

var layer=new Kinetic.Layer();

var flag=false;

var imgArray=[];

var lineArray=[];

var tmpMoveImg=null;

var loop=0;

function  Pos(x,y){

this.x=x;

this.y=y;

};

function LineImage(img,line){

this.img=img;

this.line=line;

};

function NewImage(img,opsArray){

this.img=img;

this.opsArray=opsArray;

};

var imgA= new Image();

imgA.οnlοad=function(){

var imgObjA= createImage(imgA,100,100,100,100)

var array=new Array();

var na=new  NewImage(imgObjA,array);

imgArray.push(na);

layer.add(imgObjA);

stage.add(layer);

}

var imgB= new Image();

imgB.οnlοad=function(){

var imgObjB= createImage(imgB,400,400,100,100)

var array=new Array();

var nb=new  NewImage(imgObjB,array);

imgArray.push(nb);

layer.add(imgObjB);

stage.add(layer);

}

var imgC= new Image();

imgC.οnlοad=function(){