在两个KonvaJS画布之间拖动形状

Question

KonvaJS可以将形状（如矩形）从一个阶段拖到另一个阶段吗？有什么提示吗？

Answer 1

你只需要听dragmove事件，然后当它超出视野时将形状移动到另一个阶段。

像这样：

circle.on('dragmove', () => {
  if (circle.getStage() === stage1 && circle.y() > stage1.height()) {
    circle.y(0)
    circle.moveTo(layer2);
    layer1.draw();
    layer2.draw();
  }
  if (circle.getStage() === stage2 && circle.y() < 0) {
    circle.y(stage1.height());
    circle.moveTo(layer1);
    layer1.draw();
    layer2.draw();
  }
});

根据您的使用情况，条件可能会有所不同。

演示：http://jsbin.com/kuculewibe/edit?css,js,output