2016-03-24 3 views
0

Also mit konva.js habe ich eine Gruppe mit zwei Text-Elemente. Ich habe die Gruppe draggable gemacht. Nach dem Ziehen obwohl ich x und y für den Text ausgedruckt, aber es nie geändert:Konvajs: Artikel Standort nicht nach Drag & Drop ändern

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

Der Rest des Codes genau wie Konva Text Demo

+1

konva nie benutzt - aber vielleicht ist der Text Position relativ zu dieser Gruppe? Könnten Sie Ihre Frage etwas erweitern? – chazsolo

+1

Das hat sehr geholfen. Obwohl ich noch einige Probleme habe, bin ich bereit, dies zu akzeptieren, wenn Sie dies in eine vollständige Antwort fördern. – lang2

Antwort

3

Gefördert von Kommentar gleich ist:

Niemals konva verwendet - aber vielleicht ist die Textposition relativ zu ihrer Gruppe? ...

In konva.js die x und y Eigenschaften eines Kindes Element innerhalb einer Gruppe ist in Bezug auf es ist Eltern.

0

etwas wie folgt Der Code sollte aussehen:

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

ist es Arbeit gut und auch ich kann daran arbeiten. wir können eine dynamische Uhr erzeugen, wenn sich die Uhr weiter bewegt, wenn der Zeitpfeil auch im Laufbildschirm bewegt wurde. –