Rapahel js：动态定位和动画

我是js和web开发人员的新手，我想用raphael js为我的网站添加动画。Rapahel 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');

为什么它不工作？有没有办法解决？

来源

2013-10-11 Aserre

我不确定raph可以像那样工作（动画到一个百分比），但我可能是错的。

这是你之后的事情吗？

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

来源

2013-10-11 21:58:30 Ian

谢谢，这样做的伎俩，我只是不得不调整纸张使用容器的宽度和高度，使其工作。但是，当您调整窗口大小时，它不会缩放，而其他定位方法确实如此。我想我将不得不做这个功能...... – Aserre

我不太清楚你是在动态还是手动操作之后，但我会想象你想要的仍然是可能的。有很多方法可以获得像document.getElementById（'container'）。offsetWidth这样的div的宽度。这里有一个使用jquery的小提琴，它说明了检测窗口大小可以绑定。http://jsfiddle.net/UqYCr/ – Ian

Rapahel js：动态定位和动画

回答

相关问题