Konva拖放没有移动拖动元素

时间:2015-04-03 19:10:46

标签: drag-and-drop clone shape konvajs

我的问题是如何拖放形状,但克隆了可拖动的形状,并将该克隆拖动到可放置的形状。

我是Konva的新手。环顾文档&示例我可以找到如何拖放形状。

我发现了克隆形状的参考,但我不知道该怎么做。

如果有人能够向我展示非常感激的方式。

谢谢

1 个答案:

答案 0 :(得分:5)

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