[发明专利]一种动画显示方法和装置

说明书

本申请公开了动画显示方法和装置。所述方法的一具体实施方式包括：接收目标浏览器发送的动画显示请求；对所述动画显示请求进行解析，确定所述动画显示请求所指定的原始动画脚本文件；判断目标浏览器是否支持层叠样式表版本3CSS3；响应于所述目标浏览器支持CSS3，确定所述目标浏览器支持的CSS3代码描述方式，对所述原始动画脚本进行解析，生成新动画脚本；向所述目标浏览器发送所述新动画脚本以供所述目标浏览器根据所述新动画脚本进行动画显示。该实施方式解决了不同浏览器不能根据一份动画脚本文件兼容显示动画的问题。

技术领域

本申请涉及计算机技术领域，具体涉及互联网技术领域，尤其涉及涉动画显示方法和装置。

背景技术

随着互联网技术的发展，很多网页开发者为了使网页更生动，内容更丰富，将动画在网页中显示。在网页制作时采用CSS(Cascading Style Sheets，层叠样式表)技术，可以有效的控制网页的样式和布局。CSS3(层叠样式表版本3)是目前最新的CSS标准，通过CSS3，可以创建动画脚本文件。

目前在动画脚本文件中，在定义动画时需要设置属性、周期时长、动画样式的开始时间百分比。当程序员增加或删除若干动画样式时，程序员需要计算并更改其它动画样式的开始时间百分比和周期时长；当程序员更改某一动画样式的开始时间或结束时间时，程序员还需要重新计算并更改该动画样式之后的所有动画样式的开始时间百分比和周期时长；不同浏览器支持CSS3属性的不同的描述方式，为使动画在不同浏览器中显示，需要为不同的浏览器写不同的动画脚本文件，不同浏览器不能根据同一份动画脚本文件兼容显示动画。

发明内容

本申请的目的在于供了一种动画显示方法和装置，来解决以上背景技术部分提到的技术问题。

第一方面，本申请提供了一种动画显示方法，所述方法包括：接收目标浏览器发送的动画显示请求；对所述动画显示请求进行解析，确定所述动画显示请求所指定的原始动画脚本文件；判断目标浏览器是否支持层叠样式表版本3CSS3；响应于所述目标浏览器支持CSS3，确定所述目标浏览器支持的CSS3代码描述方式，并且执行如下解析步骤：从所述原始动画脚本文件逐行提取代码；对所提取的代码进行识别，根据所述目标浏览器支持的CSS3代码描述方式，将识别出来的代码转换成所述目标浏览器支持的代码；用转换后的代码替换原始动画脚本文件中的相应代码，生成新动画脚本；向所述目标浏览器发送所述新动画脚本以供所述目标浏览器根据所述新动画脚本进行动画显示。

在一些实施例中，所述识别出来的代码包括：所述目标浏览器不支持的属性代码、预置周期时长、动画样式的过渡时长，其中，周期时长等于动画完成一个周期需要的时间，动画样式的过渡时长等于上一个动画样式过渡到当前动画样式需要的时间。

在一些实施例中，所述对所提取的代码进行识别，根据所述目标浏览器支持的CSS3代码描述方式，将识别出来的代码转换成所述目标浏览器支持的代码，包括：对所提取的代码进行识别，根据所述目标浏览器支持的CSS3代码描述方式，将识别出的所述目标浏览器不支持的属性代码转换成所述目标浏览器支持的属性代码；对所提取的代码进行识别，根据所述目标浏览器支持的CSS3代码描述方式，将识别出的所述预置周期时长转换成实际周期时长；对所提取的代码进行识别，根据所述目标浏览器支持的CSS3代码描述方式，将识别出的所述动画样式过渡时长转换成所述样式的开始时间百分比。

在一些实施例中，计算实际周期时长，其中，所述实际周期时长为所述动画样式的过渡时长之和。

在一些实施例中，所述动画显示方法还包括：将所述动画样式的开始时间除以所述实际周期时长乘以100％，得到所述动画样式的开始时间百分比，其中，所述动画样式的开始时间等于所述动画样式的过渡时长与所述动画样式之前的动画样式的过渡时长的和。