Javascript Raphael JS：使用路径将圆更改为另一个形状

我目前已经创建了一个反弹球

 var ball = paper.circle(700,275,25,25)
    var a = 50;
    ball.attr({
        fill: "180-black-red"
    });

在这个功能中，球反弹到顶部。然后我试着通过做ball.animate和path来改变它的形状。但这是行不通的

function bounce_normal(){



   ball.animate({cy: 220, cx: 275}, 500, 'ease-out' );

     ball.animate({ path: "M190.5,320.5A20,20,0,1,1,190.1,320.5Z"});


}

我还尝试删除cy和cx值，但它仍然不会改变形状。有办法解决这个问题吗

更新

我现在知道了我需要用一条路径来传球

 var ball = paper.path("M190.5,320.5A20,20,0,1,1,190.1,320.5Z")
    var a = 50;
    ball.attr({
        fill: "180-black-red"
    });

---

有没有办法学习该路径的含义，这样我就可以对路径进行动画制作？例如：使其反弹？

你能在JSFIDLE上举一个关于该问题的工作示例吗？我已经这样做了，但我不知道在哪里可以输入我的cx-cy值，所以它将转到该点并在那里进行动画制作。路径没有cx，cy，只需调整路径点/坐标即可。