Javascript 在鼠标上方更改KineticJS文本颜色

我试图在用户将鼠标移到上面时更改Dynamic.Text对象的颜色。这就是我正在做的：

menuTab.on('mouseover', function() {
    menuTab.fill = "white";
    layerMenu.draw();
});
menuTab.on('mouseout', function() {
    menuTab.fill = "#BB9999";
    layerMenu.draw();
});

但在最近几次KineticJS更新中。这似乎根本不起作用。我还尝试使用：

menuTab.setFill('...');

然而，这也无济于事。

---

如果有人能帮我解决这个问题，我将不胜感激。谢谢

假设您已正确实例化了

菜单选项卡

和

图层菜单

对象，以下代码应允许您在悬停时操作

菜单选项卡

颜色：

<script src="path/to/kinetic.js"></script>
<script defer="defer">

    var menuTab = new Kinetic.Rect({...});      
    var layerMenu = new Kinetic.Layer();

    menuTab.on('mouseover', function() {
        this.setFill('white');
        layerMenu.draw();
    });

    menuTab.on('mouseout', function() {
        this.setFill('#BB9999');
        layerMenu.draw();
    });

</script>

var menuTab=new dynamic.Rect（{…}）；
var layerMenu=新的dynamic.Layer（）；
菜单tab.on（'mouseover'，function（）{
这个.setFill（'white'）；
layerMenu.draw（）；
});
菜单tab.on（'mouseout'，function（）{
这个.setFill（'#BB9999'）；
layerMenu.draw（）；
});

假设您已正确实例化了

菜单选项卡

和

图层菜单

对象，以下代码应使您能够在悬停时操作

菜单选项卡

颜色：

<script src="path/to/kinetic.js"></script>
<script defer="defer">

    var menuTab = new Kinetic.Rect({...});      
    var layerMenu = new Kinetic.Layer();

    menuTab.on('mouseover', function() {
        this.setFill('white');
        layerMenu.draw();
    });

    menuTab.on('mouseout', function() {
        this.setFill('#BB9999');
        layerMenu.draw();
    });

</script>

var menuTab=new dynamic.Rect（{…}）；
var layerMenu=新的dynamic.Layer（）；
菜单tab.on（'mouseover'，function（）{
这个.setFill（'white'）；
layerMenu.draw（）；
});
菜单tab.on（'mouseout'，function（）{
这个.setFill（'#BB9999'）；
layerMenu.draw（）；
});

如何定义

菜单选项卡

？如何定义

菜单选项卡

？