Kinetic Js触摸鼠标位置

Question

我尝试使用以下代码在ipad上移动圆圈到鼠标位置：

    function CircleMovetoMouse(){
         var mousePos = stage.getMousePosition();
         var xpos = mousePos.x;
         var ypos = mousePos.y ;

          var circle1 = stage.get('#Circle1')[0];
           new Kinetic.Tween({
              node: circle1, 
              duration: 1,
              x: xpos , 
              y: ypos, 
              easing: Kinetic.Easings.EaseInOut
            }).play();

              $('#container').bind('click touchstart', function() {
                CircleMovetoMouse()
               });

在桌面上运行完美，但在智能手机和ipad上运行不佳。我非常需要它，所以如果有人可以提供帮助，那真的很棒。 提前谢谢。

Answer 1

我认为您需要使用getTouchPosition（）来获取触摸坐标。请参阅tutorial。

var touchPos = stage.getTouchPosition();

同样仅供参考，移动事件的“点击”等效项是“点按”，而非“触摸开启”。

$('#container').bind('click tap', function() {
  CircleMovetoMouse()
});

Touchstart＆lt; =＆gt;鼠标按下。