[发明专利]动态效果图片生成方法、装置、电子设备和存储介质

权利要求书

1.一种动态效果图片生成方法，其特征在于，所述方法包括：

获取第一图片；所述第一图片由多帧第二图片连续拼接而成，所述第二图片的长度相同、宽度相同；

基于所述第一图片创建DIV标签，所述DIV标签的标签背景为所述第一图片；

确定所述第一图片的图片属性；

根据所述第一图片的图片属性为所述DIV标签设置动画属性；

根据所述动画属性利用CSS3技术对所述DIV标签生成动态效果图片。

2.根据权利要求1所述的方法，其特征在于，所述获取第一图片包括：

获取待生成的动态效果图片的多帧图像，将所述多帧图像确定为多帧第二图片；

对所述多帧第二图片按照顺序从上到下依次拼接，生成第一图片。

3.根据权利要求1所述的方法，其特征在于，所述确定所述第一图片的图片属性包括：

确定所述第一图片中包含所述第二图片的帧数、所述第二图片的长度、所述第二图片的宽度。

4.根据权利要求3所述的方法，其特征在于，所述根据所述第一图片的图片属性为所述DIV标签设置动画属性包括：

将所述第一图片中包含所述第二图片的帧数设置的动画步数；

将所述第二图片的长度设置为动画中每帧图像的长度；

将所述第二图片的宽度设置为动画中每帧图像的宽度。

5.根据权利要求1所述的方法，其特征在于，根据所述第一图片的图片属性为所述DIV标签设置动画属性之后，所述方法还包括：

对每帧所述第二图片分别设置播放时间和播放方式。

6.根据权利要求1所述的方法，其特征在于，所述根据所述动画属性利用CSS3技术对所述DIV标签生成动态效果图片包括：

根据所述动画属性利用CSS3技术中的逐帧动画功能对所述DIV标签生成动态效果图片。

7.根据权利要求6所述的方法，其特征在于，所述根据所述动画属性利用CSS3技术中的逐帧动画功能对所述DIV标签生成动态效果图片包括：

根据所述动画属性利用CSS3技术中的逐帧动画功能将所述动画的开头定位到所述DIV标签的最顶部位置；

将所述动画的结尾定位到所述DIV标签的最底部位置。

8.一种动态效果图片生成装置，其特征在于，所述动态效果图片生成装置包括：

获取模块，用于获取第一图片；所述第一图片由多帧第二图片连续拼接而成，所述第二图片的长度相同、宽度相同；

创建模块，用于基于所述第一图片创建DIV标签，所述DIV标签的标签背景为所述第一图片；

确定模块，用于确定所述第一图片的图片属性；

设置模块，用于根据所述第一图片的图片属性为所述DIV标签设置动画属性；

生成模块，用于根据所述动画属性利用CSS3技术对所述DIV标签生成动态效果图片。

9.一种电子设备，其特征在于，包括：处理器和用于存储能够在处理器上运行的计算机程序的存储器；其中，

所述处理器用于运行所述计算机程序时，执行权利要求1至7任一项所述方法的步骤。

10.一种存储介质，所述存储介质中存储有计算机程序，其特征在于，所述计算机程序被处理器执行时，实现权利要求1至7任一项所述方法的步骤。