動態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(); 
});