2012-11-24 137 views
0

我只是想問我有曲線,我想移動它,但不知道如果我做正確的。我在下面做了它,並將顏色設置爲橙色。raphael如何移動曲線形狀

var curvePath = paper.path("M690,124s20,15 10,19Z"); 
    curvePath.attr({fill:"orange"}); 

在這裏我試圖讓它向上移動,但我不知道iam假設使用m或z。

var anim = Raphael.animation({y: 10 , x: 700}, 10000) 
    curvePath.animate(anim.delay(5000)); 

再次感謝您的幫助。

回答

1

嘗試這樣的事情,

var c = paper.path("M10 10L90 90"); 
c.attr({fill:"orange"}); 
c.animate({'path' : {M: 10 , Z: 700}}, 10000); 

你不上x移動路徑,y。你沿着一條路徑模仿它們。

編輯:(評論)之後

var curvePath = paper.path("M320,124s20,15 10,19Z"); 
curvePath.attr({fill:"orange"}); 
curvePath.animate({'path' : "M320,24s20,15 10,19Z"}, 10000); 
+0

但是,這種劑量的工作,用我的舊代碼,我已提請曲線有顏色的它裏面。所以你可以看到這個橙子只是一條線。隨着它的移動,它變得更小。我只需要它向上移動。再次感謝所有幫助 – Blindeagle

+0

檢查我的更新以滿足您的需求。這是我第一次嘗試raphaeljs。所以,如果它不起作用,請和我一起。我正在使用[playground](http://raphaeljs.com/playground.html)來幫助你。試試吧:) – Jashwant

+0

這是輝煌的伴侶。真的非常感謝所有的幫助。 – Blindeagle