Javascript Rapahel js:动态定位和动画

Javascript Rapahel js:动态定位和动画,javascript,svg,raphael,Javascript,Svg,Raphael,一般来说,我不熟悉js和web开发,我想使用raphael js为我的网站添加动画 以下是我用于动画中基本幻灯片的代码: paper.text('1000','25%','this is a\ntest').animate({x: '50'}, 1000, 'linear'); () 当我为x参数设置固定值时,它可以正常工作。但是,当我使用动态定位时,动画不会出现,文本在定位自身之前会等待动画的持续时间。至少我要找的是最终定位: paper.text('300%','25%','this is

一般来说,我不熟悉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');
为什么不起作用?
有办法吗?

我不确定raph是否能像那样工作(以一定的百分比设置动画),但我可能错了

这就是你想要的那种东西吗

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

谢谢,这就成功了,我只需要使用容器的宽度和高度来调整纸张的大小就可以了。但是,当您调整窗口大小时,它不会缩放,而另一种定位方法会缩放。我想我将不得不放弃这个功能…我不太确定你想要的是什么,但是我想你想要的仍然是可能的。例如,有一些方法可以获取类似div的文档的宽度。getElementById('container')。offsetWidth。这里有一个使用jquery的小把戏,它演示了如何检测可能绑定的窗口大小。