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

What is the correct way to animate position using svg.js

本文关键字：方法 是什么 动画 svg js 设置 位置 使用      更新时间：2023-09-26

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

根据文档，我已经能够为路径设置动画，但它并没有像我预期的那样移动。路径向右跳转&向对角方向移动以实现平滑的垂直过渡。这是我的代码：

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

有人能指出是什么原因造成的吗？

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

路径本身通常有一个偏移量，用于创建偏移翻译。最简单的方法是将路径放在一个组中。

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

这是你的小提琴的修改版本：http://jsfiddle.net/Dwf3Z/1/

相关文章：