konvajs：拖放后项目位置不变

Question

所以使用konva.js我有一个包含两个Text项的组。我创建了小组draggable。拖动它之后我打印了x和y的文字，但它从未改变过：

group.on('dragend', function() {
    var group = this;
    var t = group.findOne('Text');
    console.log(t.x(), t.y());
});

其余代码与Konva Text Demo

完全相同

Answer 1

从评论中推广：

  

从未使用过konva - 但是文字位置可能与它的组有关吗？ ...

在 konva.js 中，组内子元素的x和y属性与其父级相对。

Answer 2

代码看起来像这样：

if(imageObj.src.indexOf("icon_clock.png") > -1)
{
    clockX = (group.get('.topLeft')[0].getAbsoluteTransform().m[4]+group.get('.topRight')[0].getAbsoluteTransform().m[4])/2;
    clockY = (group.get('.topLeft')[0].getAbsoluteTransform().m[5]+group.get('.bottomLeft')[0].getAbsoluteTransform().m[5])/2; 
}

layerName.draw();
stageName.draw();