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

javascript - ラファエル 曲線形状の動かし方