javascript - 如何在画布上拖动多个形状？[动力学]

Question

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

score 1 · Accepted Answer

您可以像这样设置动力学组：

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

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

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

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

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

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

    circle.moveTo(someOtherGroup);

score 1 · Accepted Answer

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

touches[0] and touches[1] events

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

score 1 · Accepted Answer

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

3 回答 3