Raphael.js 2.0は、可変不整合でアニメーション変換を行いますか？ （noob）

Question

私はこのhttp://net.tutsplus.com/tutorials/javascript-ajax/an-introduction-to-the-raphael-js-library/チュートリアルに従ってみましたが、Raphael 2.0では正確に動作しません。私はほとんどの部分についてはその周りに働いたが、私は私がやりたいことのすべては、いくつかの変数の値によって、いくつかの円をアニメーションであるステップ8.

で迷ってしまいました...
私の問題は基本的にこれです：

paper.rect(250,250,20,20).animate({transform: "t0,100"}, 2000); //works 
paper.circle(250,250,20).animate({transform: "t0,100"}, 2000); //works 

paper.rect(250,250,20,20).animate({x:250,y:250+100}, 2000); //works 
paper.circle(250,250,20).animate({x:250,y:250+100}, 2000); // doesn't work 
paper.circle(250,250,20).animate({x:250,y:350}, 2000); // doesn't work either 

var someTrans = 100; 

paper.rect(250,250,20,20).animate({transform: "t0,someTrans"}, 2000); //doesn't work 
paper.circle(250,250,20).animate({transform: "t0,someTrans"}, 2000); //doesn't work 

paper.rect(250,250,20,20).animate({x:250,y:250+someTrans}, 2000); //works 
paper.circle(250,250,20).animate({x:250,y:250+someTrans}, 2000); // doesn't work 

誰かが正しい方向に向かってナッジを与えてくれますか？
ラファエルは、バージョンごとにそのtransfrom-振る舞いを変更したので、それは...自分自身でそれを見つけるために一種の難しい

-.-（円はとにかくRECTからとても異なる振る舞いなぜ本当に理解することはできません... =/
私はOpera 11.52を使用していますが、違いがあれば...？）

Answer 1

変数は自動的に置き換えられません。

paper.rect(250,250,20,20).animate({transform: "t0," + someTrans}, 2000); //doesn't work 
paper.circle(250,250,20).animate({transform: "t0," + someTrans}, 2000); //doesn't work 

と円のため：あなたはアニメーション作品、その後、すべての3つのプロパティのX、Yとrをspeciyする必要がありますが、このような文字列や数値を、連結する必要があります。試してみてください：

paper.circle(50,50,40).animate({cx:100,cy:100,r:100},1000) 

をRaphaelJs Playground

に