Question

我正在尝试创建包含文本，图像的组对象。我想在拖动组对象时获得正确的位置（x，y）。现在我得到负值{x：-26，y：-18}。

 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);

Answer 1

您的代码正常运行。

可拖动组上有一个不可拖动的文本。

这会使文本充当拖动整个组的“句柄”。

（文本不会相对于组移动。而是通过拖动文本来移动整个组。）

因此，如果您向上拖动文本并向左移动一下，该组将被拉起并稍微离开。

因此，该组报告负坐标。

拖动时动能js组位置不正确

1 个答案: