kineticjs将元素移动到mousedown上的另一个图层

Question

我知道dragOnTop最近被引入，但我想要使用特定图层，而不是始终位于顶部自动生成的图层上。所以，我创建了一个小提琴：http://jsfiddle.net/jure/EwrkQ/

darthVaderImg.on("mousedown", function() { 
    this.moveTo(temp); 
    this.setDraggable(true); 
    //... 
} 

但它不工作！看来，当我改变层我放松鼠标事件钩...请帮助！

Answer 1

那么，因为dragOnTop将您的项目移动到临时图层，那么您应该禁用该功能。

darthVaderImg = new Kinetic.Image({... , dragOnTop: false, ...}); 

这应该有效。

Answer 2

大部分问题来自可拖动对象初始状态茎：假

这是我的解决方案，到目前为止，希望它带给你更接近：http://jsfiddle.net/EwrkQ/4/

darthVaderImg.on('mouseover', function() { 
     document.body.style.cursor = 'move'; 
    }); 
    darthVaderImg.on('mousedown', function() { 
     this.moveTo(temp); 
     this.setDraggable(true); 
     this.simulate('dragstart'); 
     layer.draw(); 
     temp.draw(); 
    }); 
    darthVaderImg.on('dragmove', function() { 
     temp.draw(); 
    }); 
    darthVaderImg.on("dragend",function(){ 
     //this.setDraggable(false); 
     this.moveTo(layer); 
     layer.draw(); 
     temp.draw(); 
     this.off("mouseup"); 
     }); 

    darthVaderImg.on('mouseout', function() { 
     document.body.style.cursor = 'default'; 
    }); 

Answer 3

请参考以下链接kineticjs移动元素到mousedown上的另一图层

http://codedbot.com/questions/3016590/kineticjs-move-element-to-another-layer-on-mousedown