[发明专利]界面元素曲线运动的处理方法、装置和计算机设备

说明书

本申请涉及一种界面元素曲线运动的处理方法、装置、计算机设备和存储介质。基于终端操作体验优化，通过获取基于SVG技术绘制矢量曲线路径图，通过document对象获取矢量曲线路径图的SVG路径对象以及circle对象，调用预设的解析脚本，根据SVG路径对象以及circle对象，对矢量曲线路径图中路径轨迹的坐标点进行提取，获得矢量曲线路径图中路径轨迹的各坐标点；基于document对象对各坐标点进行坐标值分析，确定各坐标点的坐标值；根据各坐标点的坐标值使界面元素在矢量曲线路径图中进行曲线运动。通过document对象及调用预设的解析脚本确定进行界面元素曲线运动时所需的点坐标，提高了坐标点的提取效率。

技术领域

本申请涉及计算机技术领域，特别是涉及一种界面元素曲线运动的处理方法、装置、计算机设备和存储介质。

背景技术

随着互联网技术的发展，应用程序功能越来越多，为了使用户能够经常访问应用程序，在应用程序中设置签到功能，用户使用账号登录到应用程序中，签到可领取相应的奖励等。

针对应用程序设计签到并领取每日礼包的功能，如：在游戏应用A中设计一个签到并领取每日礼包的功能，以一个月为签到周期，签到最大限额是签到31天。为了让用户的可视化及用户的体验度，在签到界面中显示用户的签到路径，以及显示在签到过程中的签到界面元素，如签到图标在界面中的变化情况，签到一天图标直线移动一次。而目前一般是采用图标直线移动的签到界面，如：签到一次，用于标识签到位置的图标直线挪动一个位置，而需要在预设直线轨道上设置31个签到点，签到点与签到点之间需要有一段间隔，间隔宽一点，需要滑动多次界面才把所有签到界面看完，间隔密集一点，界面看起来太密集。因此可以采用曲线轨道上设置31个签到点，使图标进行曲线运动到下一个签到点，增加签到界面的利用率，但实现曲线运动需要设置很多坐标点来做偏移，而目前的坐标点提取方式效率低。

发明内容

基于此，有必要针对上述技术问题，提供一种提高坐标点提取效率的界面元素曲线运动的处理方法、装置、计算机设备和存储介质。

一种界面元素曲线运动的处理方法，所述方法包括：

获取基于SVG技术绘制的矢量曲线路径图；

通过document对象获取所述矢量曲线路径图的SVG路径对象以及circle对象；

调用预设的解析脚本，根据所述SVG路径对象以及所述circle对象，对所述矢量曲线路径图中路径轨迹的坐标点进行提取，获得所述矢量曲线路径图中所述路径轨迹的各坐标点；

基于所述document对象对各所述坐标点进行坐标值分析，确定各所述坐标点的坐标值；

根据各所述坐标点的坐标值使所述界面元素在所述矢量曲线路径图中进行曲线运动。

在其中一个实施例中，所述获取基于SVG技术绘制的矢量曲线路径图的步骤，包括：

获取基于SVG技术的曲线路径图编辑指令；

根据所述曲线路径图编辑指令中的画布设置参数进行画布设置，得到画布；

根据预设的相互对齐方式将画板和所述画布对齐；

根据预设的d属性利用path标签在所述画布上绘制曲线路径，获得所述矢量曲线路径图。

在其中一个实施例中，所述调用所述预设的解析脚本，根据所述SVG路径对象以及所述circle对象，对所述矢量曲线路径图中路径轨迹的坐标点进行提取，获得所述矢量曲线路径图中路径轨迹的各坐标点的步骤，包括：

所述SVG路径对象的animateMotion，根据所述circle对象沿着所述矢量曲线路径图的路径轨迹进行运动，获得运动完成总时长；

根据预设分段时长对所述运动完成总时长进行时长分段，确定坐标点提取间隔；