lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-04-05 20:48:28 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

dynamic drag layer setup now does deep copy of Groups and Layers when reconstructing ancestors

Browse Source
This commit is contained in:
Eric Rowell 2013-01-28 21:27:08 -08:00
parent 1bcdd15f45
commit 79fecd2c13
3 changed files with 14 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/DragAndDrop.js
View File

@ -18,22 +18,12 @@
// re-construct node tree
no._eachAncestorReverse(function(node) {
if(node.nodeType === 'Layer') {
stage.dragLayer.setAttrs({
x: node.getX(),
y: node.getY(),
scale: node.getScale(),
rotation: node.getRotation()
});
stage.dragLayer.setAttrs(node.getAttrs());
lastContainer = stage.dragLayer;
stage.add(stage.dragLayer);
}
else if(node.nodeType === 'Group') {
group = new Kinetic.Group({
x: node.getX(),
y: node.getY(),
scale: node.getScale(),
rotation: node.getRotation()
});
group = new Kinetic.Group(node.getAttrs());
lastContainer.add(group);
lastContainer = group;
}

4
src/Node.js
View File

@ -657,9 +657,7 @@
var classType = this.shapeType || this.nodeType;
var node = new Kinetic[classType](this.attrs);
/*
* copy over user listeners
*/
// copy over user listeners
for(var key in this.eventListeners) {
var allListeners = this.eventListeners[key];
var len = allListeners.length;

17
tests/js/manualTests.js
View File

@ -912,14 +912,16 @@ Test.Modules.DRAG_AND_DROP = {
showHit(layer)
},
'draggable true false': function(containerId) {
'draggable true': function(containerId) {
var stage = new Kinetic.Stage({
container: containerId,
width: 578,
height: 200
});
var layer = new Kinetic.Layer();
var Circle = new Kinetic.Circle({
var layer = new Kinetic.Layer({
id: 'myLayer'
});
var circle = new Kinetic.Circle({
x: stage.getWidth() / 2,
y: stage.getHeight() / 2,
radius: 70,
@ -928,12 +930,15 @@ Test.Modules.DRAG_AND_DROP = {
strokeWidth: 4
});
Circle.setDraggable(true);
circle.setDraggable(true);
layer.add(Circle);
layer.add(circle);
stage.add(layer);
circle.on('dragmove', function() {
console.log(this.getLayer().getId());
});
Circle.setDraggable(false);
},
'scale and rotate stage after add layer then drag and drop shape': function(containerId) {
var stage = new Kinetic.Stage({