如何在mousedown上的Kineticjs中移動圖像？

Question

我正在開發一個使用Kineticjs的JavaScript編輯器，我可以添加圖像並將它們移動到上，下，左和右方向。我已設法通過使用組的招法這樣

CurrentGroup.move(0,-1); 

移動圖像到這些方向的現在我想的是，當任何向上，下，左，右鍵點擊用戶。只要用戶保持鼠標點擊，圖像應該繼續在mousedown上移動。我卡在這裏，因爲我目前的方法在這種情況下不起作用。

提前致謝。

Answer 1

您可以在文檔上偵聽keydown事件並適當地移動您的Kinetic對象。

$(document).keydown(function (event) { 
    switch(event.which){ 
     case 37: // left-arrow 
      CurrentGroup.move(-1,0); 
      layer.draw(); 
      break; 
     case 39: // right-arrow 
      CurrentGroup.move(1,0); 
      layer.draw(); 
      break; 
     case 38: // up-arrow 
      CurrentGroup.move(0,-1); 
      layer.draw(); 
      break; 
     case 40: // down-arrow 
      CurrentGroup.move(0,1); 
      layer.draw(); 
      break; 
    } 
});