Js Raphael object.animate 调用不起作用

Question

嗨，我是 Js 的新手，我正在使用 Raphael 库对对象进行一些简单的移动，但是我的一个函数不起作用，尽管它应该起作用。

下面是一些代码：

/*Moving Objects*/
    var mainBall = paper.circle(650,340,30);

    var mainRect = paper.rect(430,310, 50,50);

    
    /*Moving Object attributes*/
    mainBall.attr({fill:"45-purple-yellow"});

    mainRect.attr({fill:"45-purple-yellow"});

和函数

function leavePipeB1(){

        mainBall.animate({cx:550, cy:340}, 1200, "linear", ball1ToMagnet);

    }

    function ball1ToMagnet(){

        mainBall.animate({cx:130, cy:115}, 1300, "elastic", showRect);

    }

    function leavePipeR1(){

        mainRect.animate({cx:550, cy:340}, 1200, "linear");

    }

    function hideBall(){

        tempBall.hide();
    }

    function hideRect(){

        tempRect.hide();
    }

    function hideEll(){

        tempEll.hide();
    }

    function showRect(){

        tempRect.show();
    }

我这样称呼他们：

    hideRect();

    hideEll();

    leavePipeB1();

    hideBall();

    leavePipeR1();

但是 leavePipeR1() 不起作用。

有什么办法可以解决这个问题？

Answer 1

这是因为 Rect 没有 cx,cy 属性。将它们换成 x,y。

Js Raphael object.animate 调用不起作用

Js Raphael object.animate call doesn't work

javascript

raphael