滚动动画的绘制方法、装置、电子设备和存储介质制造方法及图纸

技术编号:42634510 阅读:26 留言:0更新日期:2024-09-06 01:34
本公开提供了一种滚动动画的绘制方法、装置、电子设备和存储介质;其中,该方法包括:响应针对网页中目标滚动动画的绘制指令,绘制目标滚动动画的目标容器;其中,目标容器包括:第一容器和第二容器,第一容器和第二容器分别包括:目标显示内容;基于预设布局样式,确定目标容器的目标显示区域;基于预设动画样式,绘制第一容器和第二容器循环在预设时长内从对应的起始位置滚动预设距离,得到目标显示内容的目标滚动动画。本公开可以降低网页中滚动动画对网页性能的影响。

【技术实现步骤摘要】

本公开涉及计算机,尤其是涉及一种滚动动画的绘制方法、装置、电子设备和存储介质


技术介绍

1、在现代网页设计中,动态内容展示已成为提升用户体验的重要手段。滚动动画作为一种动态内容展示技术,广泛应用于各种在线平台,如新闻网站、电子商务平台和社交媒体。滚动动画不仅能够吸引用户的注意力,还能够以一种动态的方式展示更多的信息,从而使信息的可读性和吸引力提高。

2、现有的动画滚动技术通常需要结合脚本语言(如javascript)和层叠样式表(cascading style sheets,css)才能精准地控制内容的滚动,这种方式增加了页面的加载时间和运行时的计算负担,使页面的性能降低。


技术实现思路

1、有鉴于此,本公开的目的在于提供一种滚动动画的绘制方法、装置、电子设备和存储介质,以降低网页中滚动动画对网页性能的影响。

2、第一方面,本公开实施例提供了一种滚动动画的绘制方法,方法包括:响应针对网页中目标滚动动画的绘制指令,绘制所述目标滚动动画的目标容器;其中,所述目标容器包括:第一容器和第二容本文档来自技高网...

【技术保护点】

1.一种滚动动画的绘制方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述预设时长用于指示一个动画周期的时长;所述预设动画样式用于指示:所述第一容器在首个动画周期的第一起始位置和非首个动画周期的第一起始位置、以及所述第二容器在首个动画周期的第二起始位置和非首个动画周期的第二起始位置;

3.根据权利要求2所述的方法,其特征在于,所述预设动画样式还用于指示:所述第一容器在首个动画周期的第一跳过时长、所述第二容器在首个动画周期的第二跳过时长;

4.根据权利要求3所述的方法,其特征在于,所述预设动画样式包括所述第一容器对应的第一动画...

【技术特征摘要】

1.一种滚动动画的绘制方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述预设时长用于指示一个动画周期的时长;所述预设动画样式用于指示:所述第一容器在首个动画周期的第一起始位置和非首个动画周期的第一起始位置、以及所述第二容器在首个动画周期的第二起始位置和非首个动画周期的第二起始位置;

3.根据权利要求2所述的方法,其特征在于,所述预设动画样式还用于指示:所述第一容器在首个动画周期的第一跳过时长、所述第二容器在首个动画周期的第二跳过时长;

4.根据权利要求3所述的方法,其特征在于,所述预设动画样式包括所述第一容器对应的第一动画延迟和所述第二容器对应的第二动画延迟,所述第一动画延迟和所述第二动画延迟为负值。

5.根据权利要求3所述的方法,其特征在于,所述预设动画样式还用于指示:所述第一容器在非首个动画周期的第一起始位置处于所述目标显示区域的动画退出位置,所述第二容器在非首个动画周期的第二起始位置处于距离所述动画退出位置目标距离的位置,所述第一跳过时长为所述预...

【专利技术属性】
技术研发人员:杨泽伟
申请(专利权)人:网易杭州网络有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1