拖动两个重叠的形状

Question

我有两个重叠的形状，并且我想在拖动两个单击时重叠。是否有捷径可寻？

Answer 1

http://jsfiddle.net/JPeJF/1/

这是一个小马车，但你可以美化它，但它确实你问什么，只是需要一些更多的逻辑/抛光。

你需要看的主要代码是：

shapesLayer.on('mousedown', function(){ 
    var userPos = stage.getUserPosition(); 
    var intersected = shapesLayer.getIntersections(userPos); //gets all shapes intersecting at click position 
    for(var i = 0; i < intersected.length; i++) { 
     intersected[i].moveTo(group2); // moves intersected shapes to a new group , need to add some code so that when item is moved to new group it keeps it's position 
    } 
    group2.simulate('dragstart'); //simulate dragging 
    shapesLayer.draw(); 
    }); 

    shapesLayer.on('mouseup', function(){ //when mouse is released 
    var kids = group2.getChildren(); 
    for(var i = 0; i < kids.length; i++) { 
     kids[i].moveTo(shapesLayer);  //place back in original container 
    } 
    shapesLayer.draw(); 
    });