[发明专利]一种Web端动画配置方法及装置

权利要求书

1.一种Web端动画配置方法，其特征在于，包括：

获取用户在动画配置页面导入的动画元素，并接收用户针对所述动画元素输入的动画效果标识和动画配置参数；

根据所述动画效果标识和动画配置参数生成针对所述动画元素的第一CSS样式和第二CSS样式，所述第一CSS样式用于定义所述动画元素的基础动画属性，所述第二CSS样式包括分别定义所述动画元素的动画效果过程中各个元素运动状态的多个样式描述代码；

在所述动画配置页面中加载所述动画元素的第一CSS样式和第二CSS样式，以使在所述动画配置页面中预览所述动画元素的动画效果；

在接收到针对所述动画元素的动画效果的确认指令后，将所述动画元素的第一CSS样式和第二CSS样式添加至目标页面中所述动画元素对应的样式描述代码段中。

2.根据权利要求1所述的方法，其特征在于，所述动画配置参数包括：动画过程时长、动画速度参数、动画开始延时以及动画播放次数；

所述根据所述动画效果标识和动画配置参数生成针对所述动画元素的第二CSS样式包括：

根据所述动画效果标识确定所述动画元素的运动轨迹，并结合所述动画配置参数确定所述动画元素在所述动画过程时长中每一帧的元素动画状态。

3.根据权利要求2所述的方法，其特征在于，所述根据所述动画效果标识确定所述动画元素的运动轨迹，并结合所述动画配置参数确定所述动画元素在所述动画过程时长中每一帧的元素动画状态包括：

根据所述动画元素的运动轨迹中的初始状态和所述动画速度参数确定所述动画元素在动画开始后的每一帧的状态变化量，从而确定所述动画元素在所述动画过程时长中每一帧的元素动画状态。

4.根据权利要求1所述的方法，其特征在于，所述动画元素的第二CSS样式中的样式描述代码包括多个不同兼容前缀的样式描述语句，其中每个兼容前缀的样式描述语句用于被该兼容前缀对应的浏览器内核识别和执行。

5.根据权利要求1所述的方法，其特征在于，所述动画元素的第一CSS样式包括多个不同兼容前缀的基础动画属性描述，其中每个兼容前缀的基础动画属性描述用于被该兼容前缀对应的浏览器内核识别和执行。

6.根据权利要求4或5所述的方法，其特征在于，所述兼容前缀包括：

-webkit-、-moz-、-o-或-ms-。

7.根据权利要求4或5所述的方法，其特征在于，在所述动画配置页面中加载所述动画元素的第一CSS样式和第二CSS样式，以使在所述动画配置页面中预览所述动画元素的动画效果包括：

切换不同浏览器内核打开加载了所述动画元素的第一CSS样式和第二CSS样式的动画配置页面，以使在所述动画配置页面中预览所述动画元素的动画效果。

8.一种Web端动画配置装置，其特征在于，所述装置包括：

交互模块，用于获取用户在动画配置页面导入的动画元素，并接收所述用户针对所述动画元素输入的动画效果标识和动画配置参数；

处理模块，用于根据所述动画效果标识和动画配置参数生成针对所述动画元素的第一CSS样式和第二CSS样式；

显示模块，在所述动画配置页面中加载所述动画元素的第一CSS样式和第二CSS样式，以使在所述动画配置页面中预览所述动画元素的动画效果；

确认模块，用于在接收到针对所述动画元素的动画效果的确认指令后，将所述动画元素的第一CSS样式和第二CSS样式添加至目标页面中所述动画元素对应的样式描述代码段中。

9.一种Web端动画配置装置，其特征在于，包括处理器、存储器、输入输出接口；

所述处理器分别与所述存储器和所述输入输出接口相连，其中，所述输入输出接口用于页面交互，所述存储器用于存储程序代码，所述处理器用于调用所述程序代码，以执行如权利要求1-7任一项所述的方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序包括程序指令，所述程序指令当被处理器执行时，执行如权利要求1-7任一项所述的方法。