如何在画布上拖动多个形状？ [kineticjs]

Question

例如： 一个水龙头正在移动一个形状。 另一个水龙头正在同时移动另一个形状。

Answer 1

我分享了一个小实验我的动能+多点触摸here一样。看看 - 也许它可以帮助，直到“真正”的多点触控变得可用在动力学

Answer 2

您可以设置一个动力学组这样的：

http://www.html5canvastutorials.com/kineticjs/html5-canvas-complex-shapes-using-groups-with-kineticjs/

下面是如何声明一个空组并使其可拖动：

var group = new Kinetic.Group({ 
    x: 220, 
    y: 40, 
    draggable:true 
    }); 

所以在形状的自来水处理，您可以将轻敲的对象添加到组中。

circle.on('tap', function() { 
    group.add(circle); 
    }); 

然后，您可以根据需要拖动组装的组。

如果你需要多个组，可以在不同的组之间移动单个形状是这样的：

http://www.html5canvastutorials.com/kineticjs/html5-canvas-move-shape-to-another-container-with-kineticjs/

circle.moveTo(someOtherGroup); 

Answer 3

在同一时间一拖二形状的情况下，你将有从浏览器抢触摸事件，并把它读作

touches[0] and touches[1] events 

这是你存在的SIMULT单独的触摸事件之间如何区分aneously

官方kineticjs例如：
http://www.html5canvastutorials.com/labs/html5-canvas-multi-touch-scale-stage-with-kineticjs/