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

说明书

本发明公开一种前端拓扑图路径动画的实现方法及装置，其中，该方法包括：在已知拓扑图呈现的基础上，基于已知的拓扑关系以及通过拓扑关系已知的内存数据结构；指定全路径，在内存中找到动画需要走过的路径，从而找到动画要关联的线对象，通过所有记录线路径的先后顺序，生成一条完整的路径；对每一条路径生成单独的动画效果后，从起点执行动画，当一个动画结束之后，按照路径顺序启动下一个动画，直到终点结束，从而实现动画的连续性，最终实现一条完整路径的呈现。该方法及装置通过简单的配置即可实现一条完整路径的动画效果配置；可以配置多条路径动画，互不干扰；动画效果不卡顿，核心算法轻量易用。

技术领域

本发明涉及前端拓扑图呈现领域，尤其是一种前端拓扑图路径动画的实现方法及装置。

背景技术

在运营商设备互联关系展示的需求基础上，需要对指定访问路径实现动态呈现，表明一个数据包从起始设备到终点设备的完整全路径，因此需要一套完整的技术方案来支持更好地进行路径的呈现，通过对数据包数据分析和拓扑图关系关联，通过简单配置即可实现全路径的呈现，多条路径的呈现。目前市面上的拓扑组件暂未有一款适合此类呈现操作，或者配置比较复杂。

发明内容

为克服上述存在的技术问题，本发明提供一种前端拓扑图路径动画的实现方法及装置，在前端拓扑图呈现的基础上，实现呈现指定路径(从某个端点经过一条指定的线路到达指定终点)的动画效果，从而更加生动地表达出一条完整的路径。

为实现上述目的，本发明采用下述技术方案：

在本发明一实施例中，提出了一种前端拓扑图路径动画的实现方法，该方法包括：

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

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

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

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

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

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

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

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

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

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

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

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