[发明专利]矢量动画的生成方法、装置、系统、设备及存储介质

说明书

本申请公开了一种矢量动画的生成方法、装置、系统、设备及存储介质，该方法包括：从服务端接收动画描述文件；解析所述动画描述文件，得到初始矢量图和目标矢量图；基于所述初始矢量图和所述目标矢量图，按照预设的变换规则生成矢量动画，所述矢量动画的初始帧为所述初始矢量图，所述矢量动画的结束帧为所述目标矢量图。该方案步骤简单，且支持动态化配置，增加了灵活性，并解除了对矢量图支持库的依赖，使得版本兼容性更强。

技术领域

本发明一般涉及互联网技术领域，具体涉及一种矢量动画的生成方法、装置、系统、设备及存储介质。

背景技术

随着智能电子产品的不断发展，手机用户交互界面矢量动画化已经得到广泛应用，如用户界面中按钮的状态切换。其中，矢量动画是计算机中使用数学方程来描述屏幕上复杂的曲线，利用图形的抽象运动来记录变化的画面信息的动画。

目前，相关技术中可以通过Android官方系统开源的矢量图支持库框架AnimatedVectorDrawable，需要先在drawable中创建动画的资源文件描述，并关联指定的动画xml文件，实现矢量动画的绘制。

然而，相关技术中需要定义多个不同的xml文件，步骤较复杂，且无法对已经配置的动画文件进行更新与修改，版本兼容性较差。

发明内容

鉴于现有技术中的上述缺陷或不足，期望提供一种矢量动画的生成方法、装置、系统、设备及存储介质。

第一方面，本申请提供了一种矢量动画的生成方法，该方法包括：

从服务端接收动画描述文件；

解析所述动画描述文件，得到初始矢量图和目标矢量图；

基于所述初始矢量图和所述目标矢量图，按照预设的变换规则生成矢量动画，所述矢量动画的初始帧为所述初始矢量图，所述矢量动画的结束帧为目标矢量图。

在其中一个实施例中，解析所述动画描述文件，得到初始矢量图和目标矢量图，包括：

获取所述动画描述文件的数据格式；

基于所述数据格式对所述动画描述文件进行解析处理，得到多个初始点对应的初始状态参数和多个目标点对应的结束状态参数；

分别基于所述初始状态参数和所述结束状态参数确定所述初始矢量图和所述目标矢量图。

在其中一个实施例中，所述初始状态参数为第一坐标位置和所述结束状态参数为第二坐标位置，则分别基于所述初始状态参数和所述结束状态参数确定所述初始矢量图和所述目标矢量图，包括：

基于所述多个初始点对应的第一坐标位置确定初始矢量图和基于所述多个目标点对应的第二坐标位置确定所述目标矢量图。

在其中一个实施例中，所述变换规则包括至少一个变换类型和与所述变换类型对应的变换顺序，则所述基于所述初始矢量图和所述目标矢量图，按照预设的变换规则生成矢量动画，包括：

获取至少一个变换类型和与所述变换类型对应的变换顺序；

按照所述变换顺序和所述变换类型，对所述初始矢量图进行变换处理，得到所述矢量动画的中间矢量图；

将所述初始矢量图、所述中间矢量图和所述目标矢量图按照时间顺序排列生成所述矢量动画。

在其中一个实施例中，当所述变换类型为形变时，按照所述变换顺序和所述变换类型，对所述初始矢量图进行变换处理，包括：

分别对所述初始矢量图和所述目标矢量图进行解析处理，得到所述初始矢量图和所述目标矢量图所包含的目标线段；

确定所述初始线段对应的两个端点与所述目标线段对应的两个端点之间的映射关系；