2

これで私を助けてくれませんか。

私は Raphael を使用して円を描いています。

円のサイズを簡単に大きくすることができますが、円のサイズを大きくする間に何らかの効果が必要です。弾性的に増加するはずです。

そのアニメーションをラフェルを使って開発したいです。手伝ってくれませんか

これは私が書いたコードです:

smallCircles[0].hover(function () { 
    smallCircles[0].animate({ fill: 'rgb(231,88,88)', opacity: 0.95, r: 55,r:45,r:55, 'stroke-width': 0 }, 100); 
  },
  function () { 
    smallCircles[0].animate({ fill: 'rgb(240,153,153)', opacity: 0.8, r: 35, 'stroke-width': 0 }, 300); 
});

ありがとう、ナーガールジュナ

4

1 に答える 1

0

組み込みのイージング修飾子を使用してみましたか?

以下はテストしていませんが、おそらく動作します。メソッドのeasingパラメーターとして「elastic」を追加しましたanimate

smallCircles[0].hover(function () { 
    smallCircles[0].animate({ fill: 'rgb(231,88,88)', opacity: 0.95, r: 55,r:45,r:55, 'stroke-width': 0 }, 100, 'elastic'); 
  },
  function () { 
     smallCircles[0].animate({ fill: 'rgb(240,153,153)', opacity: 0.8, r: 35, 'stroke-width': 0 }, 300, 'elastic'); 
});
于 2012-09-06T10:08:51.590 に答える