一种页面中动画的生成方法、装置及电子设备制造方法及图纸

本说明书公开了一种页面中动画的生成方法、装置及电子设备。该方法包括：在进行页面展示时，获得被展示页面中的目标内容包括图片和/或图表，及其目标内容与显示页面的当前显示窗口之间的距离；根据获得的距离，获得对应目标内容的生成频率，其距离与生成频率负相关；按照获得的生成频率，生成对应目标内容的动画，由于距离当前显示窗口越远的目标内容其生成频率越小，使得整个页面的动画生成频率降低，降低同一时间生成动画的性能消耗，从而解决了现有技术中多个动画同时执行导致的页面卡顿的技术问题，提高了页面展示的流畅性。

Animation generation method, device and electronic device in page

The present specification discloses a method for generating animation in a page, a device and an electronic device. The method includes: when the page is displayed, the target content of the displayed page includes pictures and/or charts, and the distance between the target content and the current display window of the displayed page; according to the distance obtained, the generation frequency of the corresponding target content is obtained, and the distance is negatively correlated with the generation frequency; according to the obtained distance, the generation frequency is obtained. The generation frequency and the animation corresponding to the target content are reduced because the target content farther away from the current display window, the animation generation frequency of the whole page is reduced, and the performance consumption of animation generation at the same time is reduced. Thus, the page card caused by the simultaneous execution of multiple animations in the existing technology is solved. The technical problems raised the smoothness of page display.

【技术实现步骤摘要】
一种页面中动画的生成方法、装置及电子设备
本说明书涉及浏览器
，特别涉及一种页面中动画的生成方法、装置及电子设备。
技术介绍
随着信息技术的不断发展，信息内容的展示多种多样，通过图片、图表等方式进行展示更为形象、易读。在一个页面上如一个网页，其图表可能很多，无法在一个窗口中同时显示出来，可以通过拖动显示窗口的进度条，改变显示窗口的显示位置来显示页面中的其它图表。页面中的图表在展现时通常采用动画的方式，为此在图表生成的时候会进行动画，即生成图表展示时的动画。一个具有多个图表的页面，所有的图表在创建时都进行动画，多个动画同时执行会导致页面的卡顿。亟需一种新的动画生成方法，来解决多个动画同时执行导致页面卡顿的技术问题。
技术实现思路
本说明书实施例提供一种页面中动画的生成方法、装置及电子设备，用于解决现有技术中多个动画同时执行导致的页面卡顿的技术问题，提高页面展示的流畅性。第一方面，本说明书实施例提供一种页面中动画的生成方法，所述方法包括：在进行页面展示时，获得被展示页面中的目标内容，及所述目标内容与显示所述页面的当前显示窗口之间的距离，所述目标内容包括图片和/或图表；根据所述距离，获得本文档来自技高网...

【技术保护点】
1.一种页面中动画的生成方法，所述方法包括：在进行页面展示时，获得被展示页面中的目标内容，以及所述目标内容与显示所述页面的当前显示窗口之间的距离，所述目标内容包含图片和/或图表；根据所述距离，获得所述目标内容的生成频率，所述距离与所述生成频率负相关；按照所述生成频率，生成所述目标内容对应的动画。

【技术特征摘要】
1.一种页面中动画的生成方法，所述方法包括：在进行页面展示时，获得被展示页面中的目标内容，以及所述目标内容与显示所述页面的当前显示窗口之间的距离，所述目标内容包含图片和/或图表；根据所述距离，获得所述目标内容的生成频率，所述距离与所述生成频率负相关；按照所述生成频率，生成所述目标内容对应的动画。2.如权利要求1所述的方法，所述方法还包括：在所述当前显示窗口的位置发生变化时，获得未完成动画并更新所述未完成动画对应的目标内容与所述当前显示窗口之间的距离；根据更新后的距离，更新所述所述未完成动画的生成频率。3.如权利要求1或2所述的方法，根据所述距离，获得所述目标内容的生成频率，包括：f＝λ/2m其中，f表示所述生成频率，λ表示预设频率，m表示所述距离，当所述目标内容在所述当前显示窗口中时m＝0。4.如权利要求3所述的方法，所述方法还包括：在所述当前显示窗口中展示所述目标内容时，展示所述目标内容对应的动画，所述动画的播放频率为λ。5.如权利要求1所述的方法，在获得所述目标内容与显示所述页面的当前显示窗口之间的距离之前，所述方法还包括：判断所述目标内容的数量是否大于设定阈值；若是，执行获得所述目标内容与显示所述页面的当前显示窗口之间的距离的操作。6.一种页面中动画的生成方法，所述方法包括：浏览器在进行网页展示时，获得被展示网页中的目标内容，所述目标内容包括图片和/或图表；判断所述目标内容的数量是否大于设定阈值；若是，获得所述目标内容与显示所述网页的当前显示窗口之间的距离；根据所述距离，获得所述目标内容的生成频率，所述距离与所述生成频率负相关；按照所述生成频率，生成所述目标内容对应的动画。7.如权利要求6所述的方法，根据所述距离，获得所述目标内容的生成频率，包括：f＝λ/2m其中，f表示所述生成频率，λ表示预设频率，m表示所述距离，当所述目标内容在所述当前显示窗口中时m＝0。8.一种页面中动画的生成装置，所述装置包括：获取单元，用于在进行页面展示时，获得被展示页面中的目标内容，及所述目标内容与显示所述页面的当前显示窗口之间的距离，所述目标内容包括图片和/或图表；计算单元，用于根据所述距离，获得所述目标内容的生成频率，所述距离与所述生成频率负相关；生成单元，用于按照所述生成频率，生成所述目标内容对应的动画。9.如权利要求8所述的装置，所述装置还包括：更新单元，用于在所述当前显示窗口的位置发生变化时，获得未完成动画并更新所述未完成动画对应的目标图片与所述当前显示窗口之间的距...

【专利技术属性】
技术研发人员：董晓庆，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：开曼群岛,KY