drag-and-drop - 无需移动拖拽元素的 Konva 拖拽

Question

我的问题是如何拖放形状，但要克隆可拖动形状，然后将该克隆拖动到可放置形状。

我是 Konva 的新手。在查看文档和示例时，我可以找到如何拖放形状。

我找到了对形状克隆的引用，但我不确定如何执行此操作。

如果有人可以向我展示这种方式，我将不胜感激。

谢谢

Answer 1

rect.on('dragstart', function() {
    // stop dragging original rect
    rect.stopDrag();

    // clone it
    var clone = rect.clone({
        x : 50,
        y : 50
    });
    // events will also be cloned
    // so we need to disable dragstart
    clone.off('dragstart');

    // then add to layer and start dragging new shape
    layer.add(clone);
    clone.startDrag();
});

http://jsbin.com/hujulasaro/1/edit?html,js,output

掉落事件见演示: http://konvajs.github.io/docs/drag_and_drop/Drop_Events.html