2014-03-26 65 views
0

我試圖創建包含文本,圖像的羣組對象。 我想在拖動組對象時得到正確的位置(x,y)。 現在我得到了這樣的負值{x:-26,y:-18}。動態js羣組位置拖動時不正確

var text2=new Kinetic.Text({ 
     x: 40, 
      y: 125, 
     text: 'Time:4:20', 
     fontFamily: 'Calibri', 
     fontSize: 12, 
     padding: 5, 
     fill: 'red', 
     draggable: false 
     }); 
    var group = new Kinetic.Group({ 
        width:94, 
        height:45, 
        draggable: true 
        }); 
        group.on('dragend', function() { 
          alert("X:"+group.getAbsolutePosition().x+"Y:"+group.getAbsolutePosition().y); 
         }); 
group.add(text2); 
layer.add(group); 
stage.add(layer); 

回答

1

您的代碼運行正常。

可拖動組上有一個不可拖動的文本。

這會使文本充當「句柄」來拖動整個組。

(文本不會相對於組移動,而是通過拖動文本來移動整個組)。

所以,如果你拖動文本並留下一點,該組將被拉起並留下一點點。

因此該組報告負座標。

+0

我應該怎麼做才能獲得正確的羣組位置?在我的組對象包括圖像和文本,我想拖動兩個一起,並獲得組的正確位置。指導我如果有其他解決方法。 –

+0

由於該組正在被文本拖動,所以在拖動之後您將獲得組的正確左上角位置。當你說「正確的位置」時,這意味着什麼?你的意思是文本的位置? – markE

+0

是文本的位置。 –

相關問題