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