KineticJS中可拖动舞台上的可拖动形状

Question

结束教程后，我正在检查 KineticJS 的拖动功能。 It states 形状、线条、图层甚至舞台本身都可以拖动：

要使用 KineticJS 拖放整个舞台（平移），我们可以在舞台实例化时将 config 对象的 draggable 属性设置为 true，也可以使用 setDraggable() 方法。与其他节点（例如形状、组和图层）的拖放不同，我们可以通过拖动舞台的任何部分来拖动整个舞台。

最后一行，“与其他节点的拖放不同......我们可以通过拖动舞台的任何部分来拖动整个舞台”我觉得模棱两可。我不知道它是指整个舞台上的任何地方，还是没有被形状遮挡的任何地方。

我已经设置了一个 jsfiddle 示例here，我想要的是能够在我拖动他们的圆圈时移动小维德/尤达，并在我拖动他们圆圈之外的任何地方时移动整个舞台。 KinectJS 可以做到这一点吗？

Answer 1

你可以做的一件事是……

您的圈子的“鼠标悬停触摸启动”方法中的第一行，停止拖动舞台...

stage.setDraggable(false);

然后在你的“mouseout touchend”中，重置舞台的拖动...

stage.setDraggable(true);

我使用 Kinetic 的次数不多，所以我不太确定功能和方法的复杂性，可能会有更好的方法，但这应该可行。