2016-03-24 2 views
0

Итак, с konva.js У меня есть группа с двумя текстовыми элементами. Я сделал группу draggable. После перетаскивания его, хотя я распечатал x и y для текста, но он никогда не изменял:konvajs: позиция не изменяется после перетаскивания

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

Остальная часть кода точно так же, как Konva Text Demo

+1

Никогда не используется konva - но, возможно, текст позиция является по отношению к его группе? Не могли бы вы немного расширить свой вопрос? – chazsolo

+1

Это очень помогло. Хотя у меня все еще есть некоторые проблемы, но я готов принять это, если вы продвигаете это в полный ответ. – lang2

ответ

3

Повышен от Комментарий:

Никогда не использовался konva - но, может быть, текстовое положение относительно его группы? ...

В konva.js в x и y свойства дочернего элемента внутри группы относительно его родителей.

0

Код должен выглядеть примерно так:

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(); 
+0

Это хорошая работа, и я могу работать над этим. мы можем создавать динамические часы, когда часы движутся на олене, когда стрелка времени также перемещается в экран запуска. –