kinetic js - 我如何動態修改屬性（onmouseover）

Question

我有以下代碼，但位置不會隨鼠標懸停而變化 - 我錯過了什麼？

function drawOverlay() { 
    var stage = new Kinetic.Stage({container: 'overlay'}); 
    var layer = new Kinetic.Layer(); 

    var rect = new Kinetic.Rect({ 
     x: 239, y: 75, 
     width: 100, height: 50, 
     fill: 'green', stroke: 'black', strokeWidth: 4 
    }); 
    rect.on('mouseover', function(e) {rect.setPosition({x: 50, y: 5 0});}); 

    layer.add(rect); 
    stage.add(layer); 
} 

Answer 1

兩個問題在這裏：

1. 你的y值中有空格： 「5 0」 與 「50」，這將導致一個JavaScript解析錯誤。
2. 您需要在更改節點位置後重新繪製圖層。

那麼試試這個：

rect.on('mouseover', function(e) { 
    rect.setPosition({x: 50, y: 50}); 
    layer.draw(); 
});