[发明专利]一种前端拓扑图路径动画的实现方法及装置

权利要求书

1.一种前端拓扑图路径动画的实现方法，其特征在于，该方法包括：

步骤一，在已知拓扑图呈现的基础上，基于已知的拓扑关系以及通过拓扑关系已知的内存数据结构；

步骤二，指定全路径，在内存中找到动画需要走过的路径，从而找到动画要关联的线对象，通过所有记录线路径的先后顺序，生成一条完整的路径；

步骤三，对每一条路径生成单独的动画效果后，从起点执行动画，当一个动画结束之后，按照路径顺序启动下一个动画，直到终点结束，从而实现动画的连续性，最终实现一条完整路径的呈现。

2.根据权利要求1所述的前端拓扑图路径动画的实现方法，其特征在于，在已知拓扑图呈现的基础上，基于已知的拓扑关系以及通过拓扑关系已知的内存数据结构，包括：

在已知拓扑图呈现的基础上，内存中记录有对应的图元数据(点)、元之间的连接关系(线)以及基于点和线生成的点线关系，从而确定了对应线的起点、终点以及方向。

3.根据权利要求1所述的前端拓扑图路径动画的实现方法，其特征在于，指定全路径，在内存中找到动画需要走过的路径，从而找到动画要关联的线对象，通过所有记录线路径的先后顺序，生成一条完整的路径，包括：

指定要经过的路径的一路线对象集合，这个集合表示一条完整的路径；

对集合中的线对象进行循环，从起点开始，依次找到对应内存中存在的线对象，对线对象进行判断对应的起点、终点以及方向是否和路径动画的呈现方向一致，如果一致，则定义一个从起点到终点的动画，否则定义一个从终点到起点的动画。

4.根据权利要求3所述的前端拓扑图路径动画的实现方法，其特征在于，指定全路径，在内存中找到动画需要走过的路径，从而找到动画要关联的线对象，通过所有记录线路径的先后顺序，生成一条完整的路径，还包括：

针对动画根据不同的场景进行配置动画的样式以及动画的效果。

5.根据权利要求1所述的前端拓扑图路径动画的实现方法，其特征在于，对每一条路径生成单独的动画效果后，从起点执行动画，当一个动画结束之后，按照路径顺序启动下一个动画，直到终点结束，从而实现动画的连续性，最终实现一条完整路径的呈现，包括：

针对上述路径记录的一条完整的路径包含一组子动画对象，此时开始启动动画执行，当第一个动画执行完毕之后，第一个动画暂停，触发下一个动画启动，依次循环，最终实现完整的一条动画效果。

6.根据权利要求1所述的前端拓扑图路径动画的实现方法，其特征在于，该方法还包括：

当需要动画进行不断重复时，指定动画配置入参即可，此时在最后一个动画执行完毕之后，重新跳转回去第一个动画重新启动，这样重新循环，从而实现动画的循环。

7.根据权利要求1所述的前端拓扑图路径动画的实现方法，其特征在于，所述内存数据结构包括：

已知拓扑图记录的所有点、所有线以及所有点线关系；

路径动画记录的路径动画数据。

8.根据权利要求7所述的前端拓扑图路径动画的实现方法，其特征在于，所述路径动画记录的路径动画数据，包括：

通过外界使用者传递进来的一条完整路径的线对象的id集合与已知拓扑图进行计算，生成的保存一条路径所包含的所有子动画的一个存储集合，包含动画对应的路径、动画样式对应的动画效果、动画效果对应的时长以及是否循环。

9.根据权利要求7所述的前端拓扑图路径动画的实现方法，其特征在于，所述路径动画记录的路径动画数据采用哈希存储。