konvajs：拖放后项目位置不变

Question

因此 konva.js 我有一个包含两个文本项的组。我建了群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

来自评论：

Never used konva - but maybe the text position is relative to it's group? ...

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

konvajs：拖放后项目位置不变

konvajs: item location not change after drag and drop

javascript

canvas

konvajs