Kinetic.Line鼠标悬停(Kinetic.Line mouseover)

我试图检测Kinetic.Line对象上的鼠标悬停。

根据该文件，Kinetic.Line确实有对功能，因为它是节点的孩子。 在功能上的鼠标移动列表和鼠标悬停作为支持的事件。

然而，这似乎并不为一行鼠标悬停或鼠标移动工作。

这是设计？ 将这个功能可以实现？ 难道我做错了什么？

function canvasTest () {
    stage = new Kinetic.Stage({
        container: "tutorial",
        width: 400,
        height: 400
    });

    var layer = new Kinetic.Layer();

    var redLine = new Kinetic.Line({
        points: [73, 70, 340, 23, 450, 60, 500, 20],
        stroke: "red",
        strokeWidth: 15,
        lineCap: "round",
        lineJoin: "round"
    });

    redLine.on('mouseover mousemove', function (ev) {
        alert('line moused over.');
    });

    layer.add(redLine);

    stage.add(layer);
}

Answer 1:

动力线使用像素检测处理事件，因为他们没有路径。 您需要使用shape.saveData（）方法，因此，它的检测。

下面是一个例子：

http://www.html5canvastutorials.com/kineticjs/html5-canvas-pixel-detection-with-kineticjs/

干杯!

Answer 2:

我想补充到埃里克斯的回答。

要添加到载物台，该线连接到需要层之前！ 发出.saveData（）函数。 否则，你将有一个例外。

祝好运。

文章来源: Kinetic.Line mouseover