raphael如何移动曲线形状

时间:2012-11-24 18:48:22

标签: javascript text raphael

我只是想问我有一条曲线,我想把它向上移动,但不确定我是否正确地做了。我在下面做了它并将颜色设置为橙色。

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

在这里,我试图让它向上移动,但我不确定我想使用m或z。

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

再次感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

尝试这样的事情,

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

您不会在xy上移动路径。您沿路径模式化它们。

编辑:(评论后)

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