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

专利信息
申请号: 201510583339.3 申请日: 2015-09-14
公开(公告)号: CN105205845B 公开(公告)日: 2018-06-22
发明(设计)人: 林强生;张龙华;向建中;薄景仁;李彬 申请(专利权)人: 广州视睿电子科技有限公司
主分类号: G06T13/00 分类号: G06T13/00;G06T15/00
代理公司: 广州华进联合专利商标代理有限公司 44224 代理人: 王程
地址: 510663 广东省广州市*** 国省代码: 广东;44
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 动画属性 预设 网页 动画渲染 加载 动画效果 数据加载 删除 渲染 检测
【权利要求书】:

1.一种网页动画渲染方法,其特征在于,包括步骤:

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

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

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

2.根据权利要求1所述的网页动画渲染方法,其特征在于,在所述新的容器包含动画属性时进行相应的动画渲染的步骤包括:

若所述元素数量小于第一预设阈值,根据所述新的容器或所述元素的容器包含的动画属性直接进行动画渲染;

若所述元素数量大于等于第一预设阈值并小于等于第二预设阈值,设置每个元素动画渲染的时间,在所述时间到达时,根据所述动画属性对相应的元素进行动画渲染,其中所述时间中至少有一个时间与其它时间不相同,第一预设阈值小于第二预设阈值,第二预设阈值小于预设数量阈值;

若所述元素数量大于第二预设阈值,设置每个元素动画渲染的所述时间,并降低所述动画属性的执行频率,得到新的动画属性,在所述时间到达时,根据所述新的动画属性对相应的元素进行动画渲染。

3.根据权利要求2所述的网页动画渲染方法,其特征在于,通过网页脚本javascript的定时器设置每个元素动画渲染的时间。

4.根据权利要求1至3任意一项所述的网页动画渲染方法,其特征在于,若所述预设的数据加载方式为直出数据加载,将所述元素加载到网页,并在所述新的容器包含动画属性时进行相应的动画渲染之前,还包括步骤:

修改所述新的容器的动画属性;

所述直出数据加载指所述网页打开时,已加载数据的网页渲染到用户浏览器上。

5.根据权利要求4所述的网页动画渲染方法,其特征在于,通过在所述新的容器上添加class样式属性修改所述新的容器的动画属性。

6.一种网页动画渲染装置,其特征在于,包括:

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

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

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

7.根据权利要求6所述的网页动画渲染装置,其特征在于,所述数据加载模块包括:

第一动画渲染单元,用于在所述元素数量小于第一预设阈值时,根据所述新的容器或所述元素的容器包含的动画属性直接进行动画渲染;

第二动画渲染单元,用于在所述元素数量大于等于第一预设阈值并小于等于第二预设阈值时,设置每个元素动画渲染的时间,在所述时间到达时,根据所述动画属性对相应的元素进行动画渲染,其中所述时间中至少有一个时间与其它时间不相同,第一预设阈值小于第二预设阈值,第二预设阈值小于预设数量阈值;

第三动画渲染单元,用于在所述元素数量大于第二预设阈值时,设置每个元素动画渲染的所述时间,并降低所述动画属性的执行频率,得到新的动画属性,在所述时间到达时,根据所述新的动画属性对相应的元素进行动画渲染。

8.根据权利要求7所述的网页动画渲染装置,其特征在于,所述第二动画渲染单元和所述第三动画渲染单元通过网页脚本javascript的定时器设置每个元素动画渲染的时间。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于广州视睿电子科技有限公司,未经广州视睿电子科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/201510583339.3/1.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top