如何在raphael中创建连接器到框的边缘

Question

我想让连接器只能到框的边缘，而不是像现在这样到达中心。通过将连接器放在箱子后面，我可以用图形来伪造它，但我希望箭头在箱子边缘可见。

connection.view = paper.path(
     'M'+connection.from.x+','+connection.from.y+' '+ 
     'L'+connection.to.x+','+connection.to.y 
    ).attr({ 
      'stroke-width':5, 
      'stroke': 'blue', 
      'arrow-end': 'block-midium-midium', 
      'arrow-start': 'oval-narrow-short'});;  

我似乎无法找到Raphael doco中的任何内容来说明如何做到这一点。 我这里有一个的jsfiddle： http://jsfiddle.net/21cp7q3d/

Answer 1

connection.view = paper.path(
     'M'+(connection.from.x + w/2)+','+connection.from.y+' '+ 
     'L'+connection.to.x+','+connection.to.y 
    ) 

只需修改德x或y做框的大小的一半。

或者你可以添加你想要在你开始的地方。

{x:100,y:100,start:150,title:'LTM',color:'lightgray'} 

connection.view = paper.path(
     'M'+connection.from.start+','+connection.from.y+' '+ 
     'L'+connection.to.x+','+connection.to.y 
    ) 

http://jsfiddle.net/21cp7q3d/1/

则反其道而行之

connection.view = paper.path(
     'M'+connection.from.x+','+connection.from.y+' '+ 
     'L'+(connection.to.x - w/2)+','+connection.to.y 
    ) 

http://jsfiddle.net/21cp7q3d/2/

Answer 2

检查了这一点，这是我的旧代码，可能是它会帮助你以某种方式。

More than 4 connecting points in graffle