动力学拖动文本答案

【问题标题】：kinetic drag text动力学拖动文本
【发布时间】：2012-06-26 08:42:24
【问题描述】：

使用 Kinetic，是否可以在文本上设置鼠标悬停？下面的代码不起作用。如果用矩形替换文本，它工作正常。

...
var layer = new Kinetic.Layer();

var test = new Kinetic.Text({
    x: 20,
    y: 20,
    text: "test",
    textFill:"black"
});

test.on("mouseover", function(){
    alert("mouseover");
});

layer.add(test);

感谢您的帮助！

更新：

好的，我搜索了一下，似乎有必要使用像素检测。

see this tutorial fore more details

目前的结果并不完美，但总比没有好。

【问题讨论】：

标签： javascript kineticjs

【解决方案1】：

我在处理类似的文本行为时遇到了麻烦，在深入了解存储库历史后，我发现现在 Text 的 detectionType 默认设置为“像素”。

尝试更改您的 Text 声明，如下所示：

var test = new Kinetic.Text({
    x: 20,
    y: 20,
    text: "test",
    textFill: 'black',
    detectionType: 'path',
    draggable: true         
});

【讨论】：