提问者:小点点

KineticJS dragBoundFunc不工作


我有这个呼叫功能


    $(document).ready(function(){
       $('#change-background').click(function(){
         layers['map'] = new Kinetic.Layer();
         buildMap(layers['map'],'img/test.png');
         stage.add(layers['map']);
       });
    });

我有这个函数来显示图像


    function buildMap(layer, img_src){
      var img = new Image();
      img.src = img_src;
      img.onload = function(e) {
        var map = new Kinetic.Image({
          id: 'map_img',
          x: 0,
          y: 0,
          image: img,
          draggable: true,
          dragBoundFunc: function(pos) {
            // THIS SHOULD EXECUTE
            console.log('hahaha');
            return { x:0, y:0 };
          }
        });
        layer.add(map);
        layer.draw();
      };
    }

我有一个类似的代码在我的一个单独的项目,它的工作像一个魅力…但很尴尬的是,它在这里不能很好地工作。图像显示在画布中,并且是可拖动的,在本例中不应该拖动,因为我显式返回了{x:0,y:0}(返回值仅用于测试)。我也看了控制台日志,“哈哈哈”文本从来没有出现…当图像被拖动时,它没有调用该函数。这两者都在