如何在Minetic的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;
    }
});