[发明专利]动画播放方法、装置、电子设备和存储介质

说明书

本申请公开了一种动画播放方法、装置、电子设备和存储介质，具体实现方案为：确定至少一个目标canvas标签；基于至少一个目标canvas标签，确定至少一个svga动画；针对至少一个svga动画中的每个svga动画，利用对应的canvas标签的应用程序接口API，控制svga动画的播放状态。本申请实施例通过canvas标签的API即可对动画进行编辑，采用较少的时间即可完成较为复杂的动画，且代码简单，便于后期维护。

技术领域

本申请涉及计算机领域，尤其涉及动画播放方法、装置、电子设备和存储介质。

背景技术

目前市场应用最多的就是css3实现动画或者是直接引入动画库生成动画，而通过上述方式导致生成动画过程中花费的时间较长，而且代码冗长，难以实现复杂动画。

发明内容

本发明实施例提供一种动画播放方法，以解决现有技术中的一个或多个技术问题。

第一方面，本申请实施例提供了一种动画播放方法，包括：

确定至少一个目标canvas标签；

基于至少一个目标canvas标签，确定至少一个svga动画；

针对至少一个svga动画中的每个svga动画，利用对应的canvas标签的API(Application Programming Interface，应用程序接口)，控制svga动画的播放状态。

在一种实施方式中，动画播放方法还包括：

根据当前的操作系统类型确定对应的svga插件；其中，svga插件用于播放svga动画。

在一种实施方式中，确定至少一个目标canvas标签，包括：

基于svga插件，渲染至少两个canvas标签；其中，至少两个canvas标签与至少两个待播放的svga动画分别对应；

在至少两个canvas标签中确定至少一个目标canvas标签。

在一种实施方式中，控制svga动画的播放状态，包括以下至少之一：

在svga动画的多帧图像中确定播放起始帧；

在svga动画的多帧图像中确定播放结束帧；

暂停播放svga动画；

清空播放画布；

在播放svga动画的过程中插入文字；

在播放svga动画的过程中更改画布图像；

svga动画的播放次数。

在一种实施方式中，动画播放方法还包括：

在至少一个svga动画中的第i个svga动画播放完成的情况下，清空播放画布并播放至少一个svga动画中的第i+1个svga动画；其中，i为大于等于1的整数。

第二方面，本申请实施例提供了一种动画播放装置，包括：

标签确定模块，用于确定至少一个目标canvas标签；

动画确定模块，用于基于至少一个目标canvas标签，确定至少一个svga动画；

展示模块，用于针对至少一个svga动画中的每个svga动画，利用对应的canvas标签的应用程序接口API，控制svga动画的播放状态。

在一种实施方式中，动画播放装置还包括：

插件确定模块，用于根据当前的操作系统类型确定对应的svga插件；其中，svga插件用于播放svga动画。