kineticjs - 关于分层问题的奇怪mousout

Question

我遇到了分层问题，我无法弄清楚错误在哪里。我首先将图像加载到与我的舞台大小相同的特定图像层。接下来我将一个圆圈创建为一个单独的圆圈层，使用正确的 imagelayer.add(image)、circlelayer.add(circle)，然后是 stage.add(imagelayer)、stage.add(circlelayer)。这工作正常。现在，如果我尝试添加 mouseover 和 mouseout 事件，比如使用 alert()，我会在 mouseout 事件的 firebug 中收到以下错误。有没有人遇到过类似的问题？谢谢

类型错误：this.targetShape 为空

this.targetShape._handleEvent('mouseleave', evt, shape);

这是我的代码片段：

function drawImage(imageObj) {
    var stage = new Kinetic.Stage({
    container: 'container',
    width: 721,
    height: 702 
});

    var imageLayer = new Kinetic.Layer();
    var tagLayer = new Kinetic.Layer();
        var floorImg = new Kinetic.Image({
          image: imageObj,
          x: 0,
          y: 0,
          width: stage.getWidth(),
          height: stage.getHeight()
        });
        imageLayer.add(floorImg);
        var tagImg = new Kinetic.Circle({
            x: 100,
            y: 100,
            radius: 70,
            fill: 'red',
            stroke: 'black',
            strokeWidth: 4
          });
        tagImg.on("mouseout touchend", function(){
        alert("HERE")

        }, false);
        tagLayer.add(tagImg);

        stage.add(imageLayer);
        stage.add(tagLayer);
    }

      var imageObj = new Image();
      imageObj.onload = function() {
        drawImage(this);
      };

imageObj.src = 'layout_good.png';

Answer 1

范围界定问题。

如果可能，移出var stage var imgLayer var tagLayerdrawImage 函数并使其成为全局函数。