Raphael js：动态定位和动画

Question

我是js和web dev的新手，我想用raphael js为我的网站添加动画。

以下是我用于基本幻灯片动画的代码：

paper.text('1000','25%','this is a\ntest').animate({x: '50'}, 1000, 'linear');

（test it here）

当我为x参数设置固定值时，它工作正常。但是，当我使用动态定位时，动画不会发生，并且文本在定位之前会等待动画的持续时间。至少最终定位是我正在寻找的：

paper.text('300%','25%','this is a\ntest').animate({x: '50%'}, 1000, 'linear');

为什么不工作？ 有办法吗？

Answer 1

我不确定raph可以这样工作（动画到一定百分比），但我可能错了。

这是你追求的那种东西吗？

paper.text( paper.width * 3,'25%','this is a\ntest').animate({x: paper.width / 2}, 1000, 'linear');