javascript - 拉斐尔如何移动曲线形状

Question

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

    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));

再次感谢所有帮助。

score 1 · Accepted Answer

试试这样的，

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);

1 回答 1