[发明专利]网页动画渲染方法及装置

说明书

本发明涉及一种网页动画渲染方法及装置。所述方法包括步骤：检测网页待加载元素数量与预设数量阈值的大小；若元素数量大于预设数量阈值且元素的容器包含动画属性，将动画属性删除，得到新的容器；若元素数量大于预设数量阈值且元素的容器不包含动画属性，将容器作为新的容器；若元素数量小于等于预设数量阈值，将待渲染的动画属性添加到元素的容器中，得到新的容器；根据预设的数据加载方式，将所述元素加载到网页，并在所述新的容器包含动画属性时进行相应的动画渲染。本发明自动适应并合理的加载相应的动画效果，提高了用户的网页使用体验。

技术领域

本发明涉及WEB平台技术领域，特别是涉及一种网页动画渲染方法、网页动画渲染装置。

背景技术

Web(互联网)网页是万维网上的一个按照HTML(HyperText Mark-up Language，超文本标记语言)格式组织起来的文件，在通过万维网进行信息查询时，以信息页面的形式出现。Web网页可包括图形、文字、声音和视像等信息，这些信息统称为网页元素。

Web桌面应用化指的是web网页在操作和体验上与普通电脑桌面应用程序一致。在html5(超文本标记语言第5次修改)、css3(层叠样式表)等技术出现后，人性化、灵动化的网页交互体验将会慢慢渗入主流。但是目前主流的网站，例如微博、云盘或搜索引擎等，网页元素的加载渲染都不会过度设计网页元素的动画效果，当必要时会以单个元素加载动画效果，无法很好的与桌面应用动画渲染媲美，从而无法很好的实现产品的web桌面应用化。另外，目前技术方案在网页上进行动画效果渲染时，采取相同的动画效果渲染，没有考虑网页实际情况，这会导致在普通配置的电脑上因为性能瓶颈，而无法完美的渲染设计师的设计意图，网页交互体验较差。

发明内容

基于此，有必要针对上述问题，提供一种网页动画渲染方法及装置，能够在保证用户最基本的功能需求上提高用户的网页使用体验。

一种网页动画渲染方法，包括步骤：

检测网页待加载元素数量与预设数量阈值的大小；

若所述元素数量大于预设数量阈值且所述元素的容器包含动画属性，将所述动画属性删除，得到新的容器；若所述元素数量大于预设数量阈值且所述元素的容器不包含动画属性，将所述容器作为新的容器；若所述元素数量小于等于预设数量阈值，将待渲染的动画属性添加到所述元素的容器中，得到新的容器；

根据预设的数据加载方式，将所述元素加载到网页，并在所述新的容器包含动画属性时进行相应的动画渲染。

一种网页动画渲染装置，包括依次相连的元素数量检测模块、动画属性处理模块和数据加载模块；

元素数量检测模块，用于检测网页待加载元素数量与预设数量阈值的大小；

动画属性处理模块，用于在所述元素数量大于预设数量阈值且所述元素的容器包含动画属性时，将所述动画属性删除，得到新的容器；在所述元素数量大于预设数量阈值且所述元素的容器不包含动画属性时，将所述容器作为新的容器；在所述元素数量小于等于预设数量阈值时，将待渲染的动画属性添加到所述元素的容器中，得到新的容器；

数据加载模块，用于根据预设的数据加载方式，将所述元素加载到网页，并在所述新的容器包含动画属性时进行相应的动画渲染。

本发明网页动画渲染方法及装置，根据网页待加载元素数量与预设数量阈值的大小，当统一加载或编辑时，自动采取合适的动画渲染，即在待加载元素数量大于预设数量阈值时不进行动画渲染，在待加载元素数量不大于预设数量阈值时，进行相应的动画渲染。本发明实现了网页动画渲染的自适应，在保证用户在web应用上完成所有操作的前提下，自动适应并合理的加载相应的动画效果，提高了用户的网页使用体验。

附图说明

图1为本发明方法实施例的流程示意图；