[发明专利]一种在可视化界面中实现边动效的方法及装置

说明书

本发明提供了一种在可视化界面中实现边动效的方法及装置，该方法为：确定可视化界面中点击事件对应的操作对象；若操作对象为可视化界面中的任意节点，将操作对象作为起始节点，并确定与起始节点具有关联边的至少一个节点为终止节点；将起始节点与终止节点之间的关联边的默认配置更新为包含指示点的配置；利用起始节点、终止节点、预设的执行周期、预设的可变参数的变化范围和可变参数的变化步长，循环将指示点沿着关联边从起始节点移动至终止节点。不需要升级图编辑器的版本和开发用于实现边动效的API，通过循环将指示点沿着关联边从起始节点移动至终止节点，即可实现起始节点与终止节点之间的关联边的边动效，降低实现边动效的成本。

技术领域

本发明涉及数据处理技术领域，具体涉及一种在可视化界面中实现边动效的方法及装置。

背景技术

在产品研发中，通常利用图编辑器实现前端图可视化编辑的功能，而随着业务需求的迭代，需要在产品的可视化界面中实现边动效，也就是可视化界面中从起始节点出发的所有节点所经过的边需实现高亮和动效显示。

目前在可视化界面中实现边动效的方式为：升级图编辑器的版本，并重新开发用于实现边动效的应用程序接口(Application Programming Interface，API)。但是此种方式需要耗费较高的时间成本和研发成本，实现边动效的成本较高。

发明内容

有鉴于此，本发明实施例提供一种在可视化界面中实现边动效的方法及装置，以解决现有实现边动效的方式存在的成本较高等问题。

为实现上述目的，本发明实施例提供如下技术方案：

本发明实施例第一方面公开一种在可视化界面中实现边动效的方法，所述方法包括：

确定可视化界面中点击事件对应的操作对象；

若所述操作对象为所述可视化界面中的任意节点，将所述操作对象作为起始节点，并确定与所述起始节点具有关联边的至少一个节点为终止节点；

将所述起始节点与所述终止节点之间的所述关联边的默认配置更新为包含指示点的配置；

利用所述起始节点、所述终止节点、预设的执行周期、预设的可变参数的变化范围和所述可变参数的变化步长，循环将所述指示点沿着所述关联边从所述起始节点移动至所述终止节点。

优选的，所述利用所述起始节点、所述终止节点、预设的执行周期、预设的可变参数的变化范围和所述可变参数的变化步长，循环将所述指示点沿着所述关联边从所述起始节点移动至所述终止节点，包括：

分别对所述起始节点和终止节点的坐标进行偏移处理，得到第一控制点和第二控制点的坐标；

按照预设的执行周期重复执行以下步骤，所述以下步骤包括：

基于预设的可变参数的变化范围和变化步长，将所述可变参数的具体数值按照所述变化步长从所述变化范围的左边界值变化至右边界值，并在所述具体数值的每次变化时，利用所述起始节点的坐标、所述终止节点的坐标、所述第一控制点的坐标、所述第二控制点的坐标和所述具体数值，更新所述指示点在所述关联边上的坐标，将所述指示点沿着所述关联边从所述起始节点移动至所述终止节点；

将所述可变参数的具体数值重置为所述左边界值。

优选的，所述利用所述起始节点的坐标、所述终止节点的坐标、所述第一控制点的坐标、所述第二控制点的坐标和所述具体数值，更新所述指示点在所述关联边上的坐标，将所述指示点沿着所述关联边从所述起始节点移动至所述终止节点，包括：

利用所述起始节点的坐标、所述终止节点的坐标、所述第一控制点的坐标、所述第二控制点的坐标和所述具体数值，结合三次贝塞尔曲线方程，确定所述指示点在所述关联边上的新坐标，并利用所述新坐标更新所述指示点在所述关联边上的坐标，将所述指示点沿着所述关联边从所述起始节点移动至所述终止节点。