[发明专利]基于网页的动画显示方法、装置、设备及存储介质

权利要求书

1.一种基于网页的动画显示方法，其特征在于，包括：

根据检测到的针对目标网页中的目标对象的动画操作信息，获取与所述动画操作信息匹配的动画显示参数；

根据与所述动画显示参数匹配的至少一个封装动画，生成目标动画显示样式，所述目标网页匹配有预设的封装动画集，所述封装动画集中的不同封装动画对应所述目标对象不同的显示方式；

按照所述目标动画显示样式在所述目标网页上对所述目标对象进行动画显示。

2.根据权利要求1所述的方法，其特征在于，所述根据与所述动画显示参数匹配的至少一个封装动画，生成目标动画显示样式，包括：

根据与所述动画显示参数匹配的至少两个封装动画以及与所述动画显示参数匹配的封装动画组合方式，生成目标动画显示样式。

3.根据权利要求2所述的方法，其特征在于，所述动画操作信息包括文本输入信息；

相应地，所述根据检测到的针对目标网页中的目标对象的动画操作信息，获取与所述动画操作信息匹配的动画显示参数，包括：

根据在目标网页中检测到的针对目标对象输入的文本输入信息，生成文本控制显示参数指令；

接收所述文本控制显示参数指令匹配得到的动画显示参数。

4.根据权利要求3所述的方法，其特征在于，所述动画显示参数包括显示时间、显示动作以及显示间隔；

相应地，所述根据与所述动画显示参数匹配的至少两个封装动画以及与所述动画显示参数匹配的封装动画组合方式，生成目标动画显示样式，包括：

在所述显示时间范围内，按照所述显示间隔，调用与所述显示动作匹配的至少两个封装动画，生成目标动画显示样式。

5.根据权利要求2所述的方法，其特征在于，所述动画操作信息包括移动手势信息；

相应地，所述根据检测到的针对目标网页中的目标对象的动画操作信息，获取与所述动画操作信息匹配的动画显示参数，包括：

若通过视频采集设备检测到针对选中的目标网页中的目标对象的操作手势，则采集所述操作手势对应的移动手势信息；

根据所述移动手势信息生成手势控制显示参数指令；

接收所述手势控制显示参数指令匹配得到的动画显示参数。

6.根据权利要求5所述的方法，其特征在于，所述动画显示参数包括显示动作；

相应地，所述根据与所述动画显示参数匹配的至少两个封装动画以及与所述动画显示参数匹配的封装动画组合方式，生成目标动画显示样式，包括：

在预设显示时间范围内，按照预设显示间隔，调用与所述显示动作匹配的至少两个封装动画，生成目标动画显示样式。

7.根据权利要求1所述的方法，其特征在于，所述动画操作信息包括滑屏轨迹信息；所述动画显示参数包括滑屏轨迹坐标；

相应地，所述根据与所述动画显示参数匹配的至少一个封装动画，生成目标动画显示样式，包括：

根据所述滑屏轨迹坐标的位置走向，依次调用与所述位置走向对应的至少一个封装动画，生成目标动画显示样式。

8.根据权利要求4、6或7所述的方法，其特征在于，所述封装动画的调用方式包括：在与所述目标网页关联的CSS文件或JS文件中引用所述封装动画对应的名称；

其中，在与所述目标网页关联的React项目文件中，预先引入所述封装动画集。

9.根据权利要求1-7中任一项所述的方法，其特征在于，所述封装动画对应的显示方式包括：颜色的显示方式、缩放的显示方式、位移的显示方式、旋转的显示方式、出现的显示方式、消失的显示方式以及闪烁的显示方式中的至少一种。