Raphaelで不透明度をアニメーション化する

Question

私は、マウスを動かすと.SVGsを明らかにする小さなマップを作りました。それは即座にイメージを明らかにし、マウスの上に残します。私はフェードインとフェードアウトするために '.animate'属性を追加しようとしましたが、私が試したあらゆる方法が失敗しましたか？簡単な説明が大好きです！

var rsr = Raphael（ 'map'、 '900'、 '900'）;

var regions = [];

var circle_a = rsr.circle（584、556、88）;データ（{'id'： 'circle_a'、 'region'： 'サークルA'}）; regions.push（circle_a）; {

regions[i].mouseover(function(e){ 
    this.node.style.opacity = 1; 
}); 

regions[i].mouseout(function(e){ 
    this.node.style.opacity = 0; 
}); 

}

Answer 1

regions[i].mouseover(function(e){ 
    circle_a.animate({ "fill-opacity": "1" }, 2000); 
    document.getElementById('region-name').innerHTML = this.data('region'); 
}); 

regions[i].mouseout(function(e){ 
circle_a.animate({ "fill-opacity": "0" }, 2000); 
});