javascript - 在鼠标悬停时更改 KineticJS 文本颜色

Question

当用户鼠标悬停时，我正在尝试更改 Kinetic.Text 对象的颜色。这就是我正在做的事情：

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

但在最后几个 KineticJS 更新中。这似乎根本不起作用。我也尝试过使用：

menuTab.setFill('...');

相反，但这也无济于事。如果有人能帮我解决这个问题，我将不胜感激。谢谢！

Answer 1

假设您已正确实例化menuTab和layerMenu对象，以下代码应该使您能够menuTab在悬停时操纵颜色：

<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>