Question

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

Answer 1

您可以设置像这样的Kinetic Group：

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

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

因此，在形状的点击处理程序中，您可以将点击的对象添加到组中。

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

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

如果您需要多个组，则可以在不同的组之间移动单个形状，如下所示：

    circle.moveTo(someOtherGroup);

Answer 2

在同时拖动两个形状的情况下，您必须从浏览器中抓取触摸事件并将其读作

touches[0] and touches[1] events

这是区分同时发生的单独触摸事件的方法

Answer 3

我在Kinetic + Multi Touch here上分享了一个小实验。看看 - 也许它可以帮助直到“真正的”多点触控在Kinetic中可用