drag-and-drop - Konva 拖放而不移动拖动元素

Question

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

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

我找到了对形状克隆的参考，但我不知道该怎么做。

如果有人能告诉我方法，那将不胜感激。

谢谢

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,输出

对于丢弃事件，请参见演示： http: //konvajs.github.io/docs/drag_and_drop/Drop_Events.html