Js Raphael object.animate вызов не работает

#javascript #raphael

#javascript #рафаэль

Вопрос:

Привет, я новичок в 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() не работает.

Как я могу это исправить?

Ответ №1:

Это потому, что у Rect нет свойства cx, cy . Замените их на x, y вместо этого.