アニメーションの開始点を設定するアニメーションsvg cx項目

Question

私はSVGサークルを持っています。私はそれを置き換えるためにjqueryアニメーションを使用します。

 $(circle).animate(
      {'foo':30}, 
      { 
       step: function(foo) { 
        $(this).attr('cx', foo); 
       }, 
       duration: 2000 
      } 
     ); 

それは完璧に動作しますが、私の「円」のデフォルトの出発点は、私はそれが10で開始したいが、私はそれを行う方法がわからない0です。

は、私が10から30への移行が必要ではなく、0

30に私は前に

$(circle).attr('cx', '10'); 

を試してみたが、アニメーションはまだ0

Answer 1

ためfoo ISNで始まります実際のCSSプロパティでは、jQueryは開始値として検索するものは何もありません。したがって、明らかに0にデフォルト設定されています。

あなたは次のことを試しましたか？

$(circle).animate(
     {'foo':20}, 
     { 
      step: function(foo) { 
       $(this).attr('cx', 10+foo); 
      }, 
      duration: 2000 
     } 
    );