1、首先，两点之间画线也只是连连看最基本功能的一部分，画的线也仅是折线，而且还只能向左折，后面可以根据图片中的位置点来确定折线的方向。
2、然后，在距离网页左边(left1)=233px处、距离网页上边(top1)=150px处（这就是第1个XY交接点），创建一条偏移left1 100pt、偏移top1 94.5pt的线。
3、然后，输入指令，arrow=document.createElement("line"); arrow.setAttri芟鲠阻缒bute("x1",x1[i]);arrow.setAttribute("y2",y1[i+1]);arrow.setAttribute("stroke","blue"); arrow.setAttribute("stroke-width",2);arrow.setAttribute("style", "stroke-dasharray:6");drawing.appendChild(arrow)。
4、然后，找出最顶尖处的坐标如（3，4），画出尖顶处与一侧；画另一侧；画中间的横线。
5、然后画箭头，箭头初始方向为垂直向下，即偏移角度不设置，或设置为0度。// paper: raphael画布，// x, y: 箭头盼内溲铫点位置(x,y)，// len: 箭头总长度，// deltaAngle: 箭头从初始垂直向下位置开始的偏移角度，注意：是度数，不是弧度，正数表示顺时针，负数表示逆时针，默认为不偏移，及为0度。
6、最后，输入代码，// fAngle: 箭头开口的角度(注意：是度数，不是弧度)，// sLen: 箭头短轴长度，若和len相等，则箭头就是一个三角形，底部没有凹陷形成尾翼；若为0，则箭头的尾翼就是两根直线。
