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>

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

1 个答案: