使用svg.js为位置设置动画的正确方法是什么

Question

我创建了一条路径（渲染得很好）。几秒钟后，我只想让它向上移动垂直。

在documentation之后，我已经能够为路径设置动画，但它并没有像我预期的那样移动。 路径跳到右边＆amp;将对角线移动到平滑的垂直过渡。这是我的代码：

    hero = draw.path(pHero).center(310,200).animate(2000, '>', 1000).center(310,100);

任何人都可以指出造成这种情况的原因吗？

我也在JSFiddle中概述了这一点：http://jsfiddle.net/Dwf3Z/

Answer 1

路径经常会产生偏移，从而产生偏差翻译。最简单的方法是将路径放在一个组中。

hero = draw.group()
hero.path(pHero)
hero.center(310,200).animate(2000, '>', 1000).center(310,100)

以下是您的小提琴的修改版本：http://jsfiddle.net/Dwf3Z/1/