拉斐尔和集合中的节点

Question

我有一个set Raphael图片，随机放在画布上。我想这些图像有一个过渡，但我想我有我的语法错误:(任何想法

的jsfiddle：http://jsfiddle.net/neuroflux/VS6gT/1/（编辑，包括库）

代码段：

for (var i = 0; i <= a; i++) { 
        var ax = Math.floor(Math.random() * dw) + 1; 
        var ay = Math.floor(Math.random() * dh) + 1; 
        var ao = Math.floor(Math.random() * 10) + 1; 
        var ac = Math.floor(Math.random() * 4) + 1; 
        if (ac == 1) { col = 'earth.gif'; } else 
        if (ac == 2) { col = 'jupiter.gif'; } else 
        if (ac == 3) { col = 'neptune.gif'; } 
        var planetName = nameGen(); 
        st.push = (
         planet = r.image(col, ax,ay,ac,ac).attr({ 
          'fill':'#fff', 
          'opacity':'0.'+ao, 
          'stroke-width':0, 
          'cursor':'pointer' 
         }).id = planetName 
        ); 
       } 

st.mouseover(function() { 
        if (info) { info.remove(); } 
        this.node.animate({ 
         'scale':30 
        }, 250); 
        this.animate({ 
         'rotation':999 
        }, 25000); 
        info = r.rect(5,5,200,150).attr({ 
         'fill':'#fff', 
         'stroke':'#ff0000' 
        }); 
        infoText = r.text(75,25,'PLANET NAME: \r\n'+this.id+'\r\n\r\nDISTANCE: \r\n'+(1.0 - this.attr('opacity'))*10).attr({ 
         'font-size':14 
        }); 
       }).mouseout(function() { 
        this.animate({ 
         'scale':1 
        }, 250); 
       }); 

Answer 1

好像附着事件设定不起作用，但你可以将他们引导到行星为你创建它们：

var planet = r.image(col, ax,ay,ac,ac).attr({ 
     'fill':'#fff', 
     'opacity':'0.'+ao, 
     'stroke-width':0, 
     'cursor':'pointer' 
}); 
planet.id = planetName; 
st.push = planet; 
planet.mouseover(function() { 
    if (info) { info.remove(); } 
    this.animate({ 
     'scale':30 
    }, 250); 
    this.animate({ 
     'rotation':999 
    }, 25000); 
    info = r.rect(5,5,200,150).attr({ 
     'fill':'#fff', 
     'stroke':'#ff0000' 
    }); 
    infoText = r.text(75,25,'PLANET NAME: \r\n'+this.id+'\r\n\r\nDISTANCE: \r\n'+(1.0 - this.attr('opacity'))*10).attr({ 
     'font-size':14 
    }); 
}).mouseout(function() { 
    this.animate({ 
     'scale':1 
    }, 250); 
    }); 
} 

唯一的其他次我必须改变的是this.node.animate到this.animate，then it seems to be working。