draw2d의 특정 위치에 그림을 추가하는 방법은 무엇입니까?

Question

연결의 시작 또는 끝 위치에 레이블을 추가하고 싶습니다. 하지만 여기서는 ManhattanMidpointLocator를 제외한 위치 정보를 찾지 못했습니다. 그러면 어떻게해야합니까? 어떻게 연결된 곳에 레이블을 붙일 수 있습니까?
다음과 같이 내 코드를 찾아주세요,

draw2d.LabelConnection = function() { 
    draw2d.Connection.call(this); 
    this.sourcePort = null; 
    this.targetPort = null; 
    this.lineSegments = []; 
    this.setColor(new draw2d.Color(0, 255, 0)); 
    this.setLineWidth(2); 

    var label = new draw2d.Label("Message"); 
    label.setBackgroundColor(new draw2d.Color(230, 230, 250)); 
    label.setBorder(new draw2d.LineBorder(1)); 
    this.addFigure(label, new draw2d.Locator()); 
}; 

draw2d.LabelConnection.prototype = new draw2d.Connection(); 
draw2d.LabelConnection.prototype.type = "draw2d.LabelConnection"; 

위의 코드는 (0,0) 위치에 라벨을 보여줍니다. plz 나를 도와주세요.

Answer 1

사용 :

Connection.getStartPoint()에 연결의 모든 세그먼트를 검색하려면 연결의 시작 지점을 결정하십시오 ( ).

인사말

Answer 2

"모든 위치"가 의미하는 바를 잘 모르겠지만 자신의 로케이터를 구현하면 매우 간단합니다.

ManhattanMidpointLocator 코드를 확인하십시오. 재배치 (relocate) 함수에서 캔버스의 연결에 대한 모든 것을 알 수 있습니다. 그로부터 레이블의 위치를 ​​계산할 수 있습니다.

Answer 3

이제 (테스트하지 않았다) Draw2D 대신에 Graphiti 작업하지만 로케이터에 대한 코드는 다음과 같아야합니다

draw2d.StartConnectionLocator=function(/*:draw2d.Connection*/ connection) 
{ 
    draw2d.ConnectionLocator.call(this,connection); 
}; 
draw2d.StartConnectionLocator.prototype.relocate=function(/*:draw2d.Figure*/ target) 
{ 
    var conn = this.getConnection(); 

    var points = conn.getPoints(); 
    var index = Math.floor((points.getSize() -2)/2); 
    if (points.getSize() <= index+1) 
     return; 

    var startPoint = points.get(0); 
    var myPosition = new draw2d.Point(); 
    myPosition.x = startPoint.x +5; 
    myPosition.y = startPoint.y +5; 

    target.setPosition(myPosition.x,myPosition.y); 
};