如何在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