javascript - Rapahel js：动态定位和动画

Question

我是 js 和 web 开发的新手，我想使用 raphael js 向我的网站添加动画。

这是我用于基本滑入式动画的代码：

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

（在这里测试）

当我为 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');