CN115469959B - 一种页面的渲染方法、渲染装置及计算机存储介质 - Google Patents

一种页面的渲染方法、渲染装置及计算机存储介质 Download PDF

Info

Publication number
CN115469959B
CN115469959B CN202211410813.9A CN202211410813A CN115469959B CN 115469959 B CN115469959 B CN 115469959B CN 202211410813 A CN202211410813 A CN 202211410813A CN 115469959 B CN115469959 B CN 115469959B
Authority
CN
China
Prior art keywords
drawing board
screenshot
level sub
frame page
page
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN202211410813.9A
Other languages
English (en)
Other versions
CN115469959A (zh
Inventor
莫建华
刘松
孟小江
练纯科
邹雨良
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Chengdu Mockplus Technology Co ltd
Original Assignee
Chengdu Mockplus Technology Co ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Chengdu Mockplus Technology Co ltd filed Critical Chengdu Mockplus Technology Co ltd
Priority to CN202211410813.9A priority Critical patent/CN115469959B/zh
Publication of CN115469959A publication Critical patent/CN115469959A/zh
Application granted granted Critical
Publication of CN115469959B publication Critical patent/CN115469959B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

本申请公开了一种页面的渲染方法、渲染装置及计算机存储介质,本申请涉及计算机科学与技术领域,用于减少页面渲染过程中的卡顿现象。本申请方法包括:获取目标项目的所有画板,若干个画板包括位于可视区域内的第一画板及位于可视区域外的第二画板;对第一画板进行截图,生成第一画板截图,并将第一画板截图填入当前帧页面,对当前帧页面进行渲染并显示;确定第一画板及第二画板中所有子画板的优先级;根据由高到低的优先级顺序对高级子画板、中级子画板和/或低级子画板进行截图,并按照截图顺序将高级子画板截图、中级子画板截图和/或所低级子画板截图分别填入当前帧页面及后续帧页面,并对当前帧页面及后续帧页面分别进行渲染并显示。

Description

一种页面的渲染方法、渲染装置及计算机存储介质
技术领域
本申请涉及计算机科学与技术领域,尤其涉及一种页面的渲染方法、渲染装置及计算机存储介质。
背景技术
在DT项目中,设计师一般采用画板为设计承载基元,一个文档由多个页面组成,而一个页面由多个画板组成,一个画板内又包含多个图层,设计师可能在一个页面中添加超过两万个图层,按30FPS计算,当一个页面的渲染时间超过1/30秒(约33毫秒)时,设计师就会感觉到卡顿。
随着现如今设计内容的复杂化,每个页面所包含的内容也变得越来越多,图层的数量越来越大,现有技术中直接对页面的所有画板的所有图层进行渲染,很容易导致页面的渲染时间过长,从而引起卡顿的问题。
发明内容
本申请提供了一种页面的渲染方法、渲染装置及计算机存储介质,用于减少页面渲染过程中的卡顿现象。
本申请第一方面提供了一种页面的渲染方法,包括:
获取目标项目的所有画板,所述目标项目包括若干个页面,所述页面包括若干个画板,所述若干个画板包括位于可视区域内的第一画板及位于可视区域外的第二画板,所述第一画板及所述第二画板中均包含若干个子画板;
对所述第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入当前帧页面,对所述当前帧页面进行渲染并显示,以使得用户通过所述当前帧页面修改所述第一画板;
确定所述第一画板及所述第二画板中所有子画板的优先级,所述第一画板中内容被修改的画板为高级子画板、所述第一画板中画板内容未被修改的画板和/或所述第二画板中画板内容被修改的画板为中级子画板、所述第二画板中画板内容未被修改的画板为低级子画板;
根据由高到低的优先级顺序对所述高级子画板、所述中级子画板和/或所述低级子画板进行截图,生成高级子画板截图、中级子画板截图和/或低级子画板截图,并按照截图顺序将所述高级子画板截图、所述中级子画板截图和/或所低级子画板截图分别填入当前帧页面以及后续帧页面,并对所述当前帧页面以及所述后续帧页面分别进行渲染并显示。
可选地,所述根据由高到低的优先级顺序对所述高级子画板、所述中级子画板和/或所述低级子画板进行截图,生成高级子画板截图、中级子画板截图和/或低级子画板截图,并按照截图顺序将所述高级子画板截图、所述中级子画板截图和/或所低级子画板截图分别填入所述当前帧页面以及所述后续帧页面,并对所述当前帧页面以及所述当前帧页面的后续帧页面分别进行渲染并显示包括:
若存在高级子画板,则对所述高级子画板进行截图,并将高级子画板截图填入第一队列;
判断所述第一队列的截图时间是否小于预设截图时间;
若所述第一队列的截图时间不小于预设截图时间,则将所述第一队列中的截图填入当前帧页面,并对所述当前帧页面进行渲染并显示;
若所述第一队列的截图时间小于预设截图时间,且存在中级子画板,则对至少一个中级子画板进行截图,并将至少一个中级子画板截图填入所述第一队列,根据所述预设截图时间判断所述第一队列是否被填满;
若所述第一队列被填满,则将所述第一队列中的截图填入所述当前帧页面,并对所述当前帧页面进行渲染并显示,并判断所述中级子画板是否全部被截图;
若所述中级子画板没有全部被截图,则对剩余的中级子画板进行截图,并将剩余的中级子画板截图填入至少一个第二队列,并将至少一个所述第二队列填入至少一个后续帧页面,并对至少一个所述后续帧页面进行渲染并显示,若存在低级子画板,则将低级子画板截图填入至少一个后续帧页面,对至少一个后续帧页面进行渲染并显示;
若所述第一队列没有被填满,且存在低级子画板,则对低级子画板进行截图,并将所述低级子画板截图填入所述第一队列,并判断所述第一队列是否被填满;
若所述第一队列被填满,则将所述第一队列中的截图填入所述当前帧页面,并对所述当前帧页面进行渲染并显示,并判断所述低级子画板是否全部被截图;
若所述低级子画板没有全部被截图,则将剩余的低级子画板填入至少一个第三队列,并将所述至少一个第三队列填入至少一个后续帧页面,并对至少一个所述后续帧页面进行渲染并显示。
可选地,在所述对所述第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入当前帧页面,对所述当前帧页面进行渲染并显示之后,所述渲染方法还包括:
判断所述当前帧页面的页面缩放比例是否发生改变;
若所述页面缩放比例发生改变,则根据所述第一画板截图对所述当前帧页面进行渲染并显示,并经过预设等待时长后,重新对缩放比例改变的第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入后续帧页面,对所述后续帧页面进行渲染并显示。
可选地,在所述对所述第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入当前帧页面,对所述当前帧页面进行渲染并显示之前,所述渲染方法还包括:
判断第一画板截图的数据量是否超过预设数据量;
若所述第一画板截图的数据量超过预设数据量,则将所述第一画板填入当前帧页面,并对所述当前帧页面进行渲染并显示;
所述对所述第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入当前帧页面,对所述当前帧页面进行渲染并显示包括:
若所述第一画板截图的数据量不超过预设数据量,则对所述第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入当前帧页面,对所述当前帧页面进行渲染并显示。
可选地,在所述对所述第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入当前帧页面,对所述当前帧页面进行渲染并显示之前,所述渲染方法还包括:
判断可视区域的页面缩放比例是否大于预设页面缩放比例;
若所述可视区域的页面缩放比例大于预设页面缩放比例,则对所述可视区域进行渲染并显示;
所述对所述第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入当前帧页面,对所述当前帧页面进行渲染并显示包括:
若所示可视区域的页面缩放比例不大于所述预设页面缩放比例,则对所述第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入当前帧页面,对所述当前帧页面进行渲染并显示。
本申请第二方面提供了一种页面的渲染装置,包括:
获取单元,用于获取目标项目的所有画板,所述目标项目包括若干个页面,所述页面包括若干个画板,所述若干个画板包括位于可视区域内的第一画板及位于可视区域外的第二画板,所述第一画板及所述第二画板中均包含若干个子画板;
第一处理单元,用于对所述第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入当前帧页面,对所述当前帧页面进行渲染并显示,以使得用户通过所述当前帧页面修改所述第一画板;
确定单元,用于确定所述第一画板及所述第二画板中所有子画板的优先级,所述第一画板中内容被修改的画板为高级子画板、所述第一画板中画板内容未被修改的画板和/或所述第二画板中画板内容被修改的画板为中级子画板、所述第二画板中画板内容未被修改的画板为低级子画板;
第二处理单元,用于根据由高到低的优先级顺序对所述高级子画板、所述中级子画板和/或所述低级子画板进行截图,生成高级子画板截图、中级子画板截图和/或低级子画板截图,并按照截图顺序将所述高级子画板截图、所述中级子画板截图和/或所低级子画板截图分别填入当前帧页面以及后续帧页面,并对所述当前帧页面以及所述后续帧页面分别进行渲染并显示。
可选地,所述第二处理单元具体用于:
若存在高级子画板,则对所述高级子画板进行截图,并将高级子画板截图填入第一队列;
判断所述第一队列的截图时间是否小于预设截图时间;
若所述第一队列的截图时间不小于预设截图时间,则将所述第一队列中的截图填入当前帧页面,并对所述当前帧页面进行渲染并显示;
若所述第一队列的截图时间小于预设截图时间,且存在中级子画板,则对至少一个中级子画板进行截图,并将至少一个中级子画板截图填入所述第一队列,根据所述预设截图时间判断所述第一队列是否被填满;
若所述第一队列被填满,则将所述第一队列中的截图填入所述当前帧页面,并对所述当前帧页面进行渲染并显示,并判断所述中级子画板是否全部被截图;
若所述中级子画板没有全部被截图,则对剩余的中级子画板进行截图,并将剩余的中级子画板截图填入至少一个第二队列,并将至少一个所述第二队列填入至少一个后续帧页面,并对至少一个所述后续帧页面进行渲染并显示,若存在低级子画板,则将低级子画板截图填入至少一个后续帧页面,对至少一个后续帧页面进行渲染并显示;
若所述第一队列没有被填满,且存在低级子画板,则对低级子画板进行截图,并将所述低级子画板截图填入所述第一队列,并判断所述第一队列是否被填满;
若所述第一队列被填满,则将所述第一队列中的截图填入所述当前帧页面,并对所述当前帧页面进行渲染并显示,并判断所述低级子画板是否全部被截图;
若所述低级子画板没有全部被截图,则将剩余的低级子画板填入至少一个第三队列,并将所述至少一个第三队列填入至少一个后续帧页面,并对至少一个所述后续帧页面进行渲染并显示。
可选地,所述渲染装置还包括:
第一判断单元,用于判断所述当前帧页面的页面缩放比例是否发生改变;
第三处理单元,用于若所述页面缩放比例发生改变,则根据所述第一画板截图对所述当前帧页面进行渲染并显示,并经过预设等待时长后,重新对缩放比例改变的第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入后续帧页面,并对所述后续帧页面进行渲染并显示。
可选地,所述第三处理单元具体用于:
若所述页面缩放比例发生改变,则经过预设等待时长后,重新对所述第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入当前帧页面,对所述当前帧页面进行渲染并显示。
可选地,所述渲染装置还包括:
第二判断单元,用于判断第一画板截图的数据量是否超过预设数据量;
第一渲染显示单元,用于若所述第一画板截图的数据量超过预设数据量,则将所述第一画板填入当前帧页面,并对所述当前帧页面进行渲染并显示;
所述第一处理单元具体用于:若所述第一画板截图的数据量不超过预设数据量,则对所述第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入当前帧页面,对所述当前帧页面进行渲染并显示。
可选地,所述渲染装置还包括:
第三判断单元,用于判断可视区域的页面缩放比例是否大于预设页面缩放比例;
第二渲染显示单元,用于若所述可视区域的页面缩放比例大于预设页面缩放比例,则对所述可视区域进行渲染并显示;
所述第一处理单元具体用于:若所示可视区域的页面缩放比例不大于所述预设页面缩放比例,则对所述第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入当前帧页面,对所述当前帧页面进行渲染并显示。
本申请第三方面提供了另一种页面的渲染装置,所述渲染装置包括:
处理器、存储器、输入输出单元以及总线;
所述处理器与所述存储器、所述输入输出单元以及所述总线相连;
所述存储器保存有程序,所述处理器调用所述程序以执行第一方面以及第一方面中任一项可选的一种页面的渲染方法。
本申请第四方面提供了一种计算机可读存储介质,所述计算机可读存储介质上保存有程序,所述程序在计算机上执行时执行第一方面以及第一方面中任一项可选的一种页面的渲染方法。
从以上技术方案可以看出,本申请具有以下优点:本申请的方法在渲染时,根据优先级顺序,对高级子画板截图先渲染,然后再对中级子画板截图进行渲染,最后对低级子画板截图进行渲染,本申请通过优先级顺序对不不同优先级的画板截图先后进行渲染,将需要优先显示的画板截图优先渲染,有效减少了页面渲染过程中的卡顿现象,并且本申请不是对画板的多个图层进行渲染,而是对画板截图进行渲染,大大降低了计算难度,从而降低了渲染时间,进一步减少了页面渲染过程中的卡顿现象。
附图说明
为了更清楚地说明本申请中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本申请提供的一种页面的渲染方法中的步骤101至步骤104一个实施例流程示意图;
图2为本申请提供的一种页面的渲染方法中的步骤201至步骤208一个实施例流程示意图;
图3为本申请提供的一种页面的渲染方法中的步骤301至步骤306一个实施例流程示意图;
图4为本申请提供的一种页面的渲染装置一个实施例结构示意图;
图5为对本申请提供的一种页面的渲染装置进行详细说明对应的实施例结构示意图;
图6为本申请提供的一种页面的渲染装置另一个实施例结构示意图。
其中,401:获取单元;402:第一处理单元;403:确定单元;404:第二处理单元;505:第一判断单元;506:第三处理单元;507:第二判断单元;508:第一渲染单元;509:第三判断单元;510:第二渲染显示单元;601:处理器;602:存储器;603:输入输出单元;604:总线。
具体实施方式
本申请提供了一种页面的渲染方法、渲染装置及计算机存储介质,用于减少页面渲染过程中的卡顿现象。
需要说明的是,本申请提供的一种页面的渲染方法,可以应用于终端,还可以应用于服务器上,例如终端可以是智能手机或电脑、平板电脑、智能电视、智能手表、便携计算机终端也可以是台式计算机等固定终端。为方便阐述,本申请中以终端为执行主体进行举例说明。
请参阅图1,图1为本申请提供的一种页面的渲染方法中的步骤101至步骤104一个实施例流程示意图,该渲染方法包括:
101、终端获取目标项目的所有画板,目标项目包括若干个页面,页面包括若干个画板,若干个画板包括位于可视区域内的第一画板及位于可视区域外的第二画板,第一画板及第二画板中均包含若干个子画板;
在本实施例中,例如,第一页面位于可视区域,第一页面包括一百个画板,第二页面位于非可视区域,第二页面包括两百个画板,则此时,第一画板为第一页面内的所有画板,第二画板为第二页面内的所有画板。
102、终端对第一画板进行截图,生成第一画板截图,并将第一画板截图填入当前帧页面,对当前帧页面进行渲染并显示,以使得用户通过当前帧页面修改第一画板;
在本实施例中,终端对可视区域的第一画板进行截图,并将第一画板截图填入当前帧页面,对当前帧页面进行渲染并显示,通过当前帧页面将可视区域的第一画板尽快显示给用户,以使得用户通过当前帧页面查看可视区域的第一画板的所有子画板,并根据需要选择第一画板中的某一个子画板进行修改操作,例如:修改第一画板中的某一个子画板的字体颜色、字体大小、特殊符号等。
103、终端确定第一画板及第二画板中所有子画板的优先级,第一画板中内容被修改的画板为高级子画板、第一画板中画板内容未被修改的画板和/或第二画板中内容被修改的画板为中级子画板、第二画板中画板内容未被修改的画板为低级子画板;
在本实施例中,可视区域内的画板中内容被修改的画板为高级子画板、可视区域内的画板中内容未被修改的画板为中级子画板、可视区域外内容被修改的画板为中级子画板、可视区域外内容未被修改的画板为低级子画板。其中,可视区域内的某些画板与可视区域外的某些画板存在关联,例如,当可视区域内的画板A1被修改时,与画板A1关联的可视区域外的画板B1此时也会被修改。例如,可视区域内存在画板A1、A2、A3、A4,可视区域外存在画板B1、B5、B6、B7;其中,用户修改了画板A1及A2,画板A1与画板B1关联,画板B1也会被修改,此时,高级子画板为A1、A2,中级子画板为A3、A4、B1,低级子画板为B5、B6、B7。
104、终端根据由高到低的优先级顺序对高级子画板、中级子画板和/或低级子画板进行截图,生成高级子画板截图、中级子画板截图和/或低级子画板截图,并按照截图顺序将高级子画板截图、中级子画板截图和/或低级子画板截图分别填入当前帧页面及后续帧页面,并对当前帧页面以及后续帧页面进行渲染并显示;
在本实施例中,若存在高级子画板、中级子画板和/或低级子画板,则终端按照优先级顺序,优先对高级子画板进行截图,并将高级子画板截图填入当前帧页面,若当前帧页面的截图时间不小于预设截图时间时,终端对当前帧页面进行渲染并显示,从而使得用户可以立刻看到其修改的可视区域的高级子画板,避免因为先渲染了修改前的子画板截图,再渲染修改后的子画板截图,从而导致在显示时出现的闪烁现象;若当前帧页面的截图时间小于预设截图时间时,可以在当前帧页面中增加中级子画板截图,直至当前帧页面的截图时间等于预设截图时间或略小于预设截图时间时,再对当前帧页面进行渲染并显示,从而当高级子画板截图较少时,能在当前帧页面显示若干张中级子画面截图,在避免渲染卡顿的同时,提高了渲染的效率;若所有的中级子画板截图均填入当前帧页面之后,当前帧页面的截图时间依旧小于预设截图时间,将低级子画板截图填入当前帧页面,直至当前帧页面的截图时间等于预设截图时间或略小于预设截图时间时,再对当前帧页面进行渲染并显示,通过上述方法,进一步提高了渲染效率。例如:当前帧页面的预设截图时间为30ms,高级子画板包括A1、A2、A3,高级子画板的A1、A2、A3的截图时间分别为5ms、4ms、6ms,将高级子画板A1、A2、A3的截图填入当前帧页面,当前帧页面的截图时间为15ms,小于预设截图时间30ms,若存在中级子画板B2、B4,若B2、B4的截图时间分别为6ms、4ms,将中级子画板B2、B4的截图填入当前帧页面,当前帧页面的截图时间为25ms,小于预设截图时间30 ms,若存在低级子画板C5、C6, 低级子画板C5、C6的截图时间分别为4ms、6ms,将低级子画板C5填入当前帧页面,此时当前帧页面的截图时间为29ms,略小于预设截图时间30 ms,则对当前帧页面进行渲染并显示,并将低级子画板C6的截图填入下一帧页面,再对下一帧页面进行渲染并显示。具体的过程将在下一个实施例中进行详细描述,此处不再赘述。
本申请的方法在渲染时,根据优先级顺序,对高级子画板截图先渲染,然后再对中级子画板进行渲染,最后对低级子画板截图进行渲染,本申请通过优先级顺序对不同优先级的画板截图先后进行渲染,将需要优先显示的画板截图优先渲染,以使得用户可以及时看到优先显示的画板,有效减少了页面渲染过程中的卡顿现象,并且本申请不是对画板的多个图层进行渲染,而是对画板截图进行渲染,显示给用户的是画板截图,使用截图不需要重新计算,从而大大降低了计算难度,从而降低了渲染时间,进一步减少了页面渲染过程中的卡顿现象,本申请以处理器的内存换渲染时间,以处理器的内存空间换时间,从而提升了页面渲染过程中的流畅度。
为使本申请提供的一种页面的渲染方法更加的明显易懂,下面对本申请提供的一种页面的渲染方法进行详细说明:
请参阅图2,图2为本申请提供的一种页面的渲染方法中的步骤201至步骤208一个实施例流程示意图,该渲染方法包括:
201、终端获取目标项目的所有画板,目标项目包含若干个页面,页面包括若干个画板,若干个画板包括位于可视区域内的第一画板及位于可视区域外的第二画板,第一画板及第二画板中均包含若干个子画板;
本实施例中的步骤201与前述图1实施例中的步骤101类似,具体此处不再赘述。
202、终端判断第一画板截图的数据量是否超过预设数据量;
在本实施例中,终端判断第一画板截图的数据量是否超过预设数据量,若第一画板截图的数据量超过预设数据量,则终端执行步骤203;若第一画板截图的数据量没有超过预设数据量,则终端执行步骤204。
203、若第一画板截图的数据量超过预设数据量,则将第一画板填入当前帧页面,并对当前帧页面进行渲染并显示;
在本实施例中,若第一画板截图的数据量超过预设数据量,则将第一画板填入当前帧页面,并直接对当前帧页面进行渲染并显示,当第一画板的数据量大于预设数据量时,若对第一画板进行截图,则会占用过大的内存,因此,此时直接对当前帧页面进行渲染并显示,从而节约内存空间。
204、若第一画板截图的数据量不超过预设数据量,则终端对第一画板进行截图,生成第一画板截图,并将第一画板截图填入当前帧页面,对当前帧页面进行渲染并显示,以使得用户通过当前帧页面修改第一画板;
若第一画板截图的数据量不超过预设数据量,则终端对可视区域的第一画板进行截图,并将第一画板截图填入当前帧页面,对当前帧页面进行渲染并显示,通过当前帧页面将可视区域的第一画板尽快显示给用户,以使得用户通过当前帧页面查看可视区域的第一画板的所有子画板,并根据需要选择第一画板中的某一个子画板进行修改操作,例如:修改第一画板中的某一个子画板的字体颜色、字体大小、特殊符号等。
205、终端判断当前帧页面的页面缩放比例是否发生改变;
在本实施例中,终端判断当前帧页面的页面缩放比例是否发生改变,若页面缩放比例发生改变,则终端执行步骤206,若页面缩放比例没有发生改变,则终端执行步骤207。
206、若页面缩放比例发生改变,则终端根据第一画板截图对当前帧页面进行渲染并显示,并经过预设等待时长后,重新对缩放比例发生改变的第一画板进行截图,生成第一画板截图,并将第一画板截图填入后续帧页面,并对后续帧页面进行渲染显示;
在本实施例中,当页面缩放比例发生改变,可视区域内缩放比例发生改变的最新画板截图没有立刻截图出来,此时先使用之前截图的第一画板截图,并根据第一画板截图对当前帧页面进行渲染并显示,此时虽然显示的效果模糊,但是用户还是可以看到可视区域的画板;并且,终端经过预设等待时长后,重新对缩放比例发生改变的第一画板进行截图,生成第一画板截图,并将第一画板截图填入后续帧页面,对后续帧页面进行渲染并显示。其中,预设等待时长可以由人工设定,等待预设等待时长后,再重新对第一画板进行截图,是为了避免mac操作系统下无极缩放所导致的频繁的截图,从而导致生成大量的第一画板截图,占用大量内存空间,并且大量第一画板截图会导致渲染速度降低。例如,预设等待时长为20ms,当页面缩放比例发生改变后,终端等待20ms,若20ms内页面缩放比例没有发生改变,则终端重新对第一画板进行截图,生成第一画板截图,并将第一画板截图填入后续帧页面,对后续帧页面进行渲染并显示;若20ms内页面缩放比例再次发生改变,则终端重新等待20ms,再重新对第一画板进行截图。
207、终端确定第一画板及第二画板中所有子画板的优先级,第一画板中内容被修改的画板为高级子画板、第一画板中画板内容未被修改的画板和/或第二画板中内容被修改的画板为中级子画板、第二画板中内容未被修改的画板为低级子画板;
在本实施例中,当页面缩放比例未发生改变,终端确定第一画板及第二画板中所有子画板的优先级,第一画板中内容被修改的画板为高级子画板、第一画板中画板内容未被修改的画板和/或第二画板中内容被修改的画板为中级子画板、第二画板中内容未被修改的画板为低级子画板。
208、终端根据由高到低的优先级顺序对高级子画板、中级子画板和/或低级子画板进行截图,生成高级子画板截图、中级子画板截图和/或低级子画板截图,并按照截图顺序将高级子画板截图、中级子画板截图和/或低级子画板截图分别填入当前帧页面以及后续帧页面,并对当前帧页面及后续帧页面进行渲染并显示;
在本实施例中,具体的步骤如下:若存在高级子画板,则终端对高级子画板进行截图,并将高级子画板截图填入第一队列;判断第一队列的截图时间是否小于预设截图时间;若第一队列的截图时间不小于预设截图时间,则终端将第一队列中的截图填入当前帧页面,并对当前帧页面进行渲染并显示;若第一队列的截图时间小于预设截图时间,且存在中级子画板,则终端对至少一个中级子画板进行截图,并将至少一个中级子画板填入第一队列,根据预设截图时间判断第一队列是否被填满;若第一队列被填满,则终端将第一队列中的截图填入当前帧页面,并对当前帧页面进行渲染并显示,并判断中级子画板是否全部被截图;若中级子画板没有全部被截图,则终端对剩余的中级子画板进行截图,并将剩余的中级子画板填入至少一个第二队列,并将至少一个第二队列填入至少一个后续帧页面,并对至少一个后续帧页面进行渲染并显示,若存在低级子画板,则将低级子画板截图填入至少一个后续帧页面,对至少一个后续帧页面进行渲染并显示;若第一队列没有被填满,且存在低级子画板,则对低级子画板进行截图,并将低级子画板截图填入第一队列,并判断第一队列是否被填满;若第一队列被填满,则将第一队列中的截图填入当前帧页面,并对当前帧页面进行渲染并显示,并判断低级子画板是否全部被截图;若低级子画板没有全部被截图,则将剩余的低级子画板填入至少一个第三队列,并将至少一个第三队列填入至少一个后续帧页面,并对至少一个后续帧页面进行渲染并显示。
其中,预设截图时间根据需要设定,若一帧页面的截图时间小于或等于预设截图时间,则该帧页面在渲染时就不会让用户感受到卡顿。第一队列的截图时间为第一队列所包含的所有画板截图所需要的时间。需要注意的是,所有的高级子画板必须在当前帧页面立刻渲染,即使所有的高级子画板的总截图时间超过预设截图时间,也必须将所有的高级子画板截图一起放入当前帧页面中进行渲染并显示;但是对于中级子画板及低级子画板,若中级子画板或低级子画板的截图时间超过预设截图时间,则将中级子画板的截图或低级子画板按照预设截图时间的限定,分别进行截图,并存入不同的队列,再将不同的队列存入不同的帧页面中,再对这些帧页面进行渲染显示,从而将每一帧页面的渲染时间控制在预设时间范围内,从而减少页面渲染时的卡顿现象。例如:若高级子画板包括A1、A2、A3、A4、A5、A6,高级子画板A1、A2、A3、A4、A5、A6的截图总时长一共为35ms,而预设截图时间为33ms,此时,将A1、A2、A3、A4、A5、A6均填入当前帧页面,并对当前帧页面进行渲染并显示。若不存在高级子画板,而中级子画板包括B1、B2、B3、B4、B5、B6,中级子画板B1、B2、B3、B4、B5、B6的截图总时长一共为35ms,而预设截图时间为33ms,此时,将B1、B2、B3、B4、B5的截图拆分为一个第二队列,将B6的截图拆分为另一个第二队列,并将B1、B2、B3、B4、B5的截图填入一个后续帧页面,并对该后续帧页面进行渲染并显示,将B6的截图填入另一个后续帧页面,并对该后续帧页面进行渲染并显示。
请参阅图3,图3为本申请提供的一种页面的渲染方法中的步骤301至步骤306一个实施例流程示意图,该渲染方法包括:
301、终端获取目标项目的所有画板,目标项目包括若干个页面,页面包括若干个画板,若干个画板包括位于可视区域内的第一画板及位于可视区域外的第二画板,第一画板及第二画板中均包含若干个子画板;
本实施例中的步骤301与前述图1实施例中的步骤101类似,具体此处不再赘述。
302、终端判断可视区域的页面缩放比例是否大于预设页面缩放比例;
在本实施例中,终端判断可视区域的页面缩放比例是否大于预设页面缩放比例,若可视区域的页面缩放比例大于预设页面缩放比例,则终端执行步骤303;若可视区域的页面缩放比例不大于预设页面缩放比例,则终端执行步骤304。
303、若可视区域的页面缩放比例大于预设页面缩放比例,则终端对可视区域进行渲染并显示;
在本实施例中,若可视区域的页面缩放比例大于预设页面缩放比例,则不对可视区域内的第一画板进行截图,而是直接对可视区域的页面进行渲染并显示,从而避免因为缩放比例过大,而导致的可视区域的第一画板截图所占用的内存空间过大的现象,并且当可视区域的页面缩放比例较大时,可视区域内的第一画板的图层较少,此时直接对可视区域进行渲染,也不会产生渲染卡顿的现象。
304、若可视区域的页面缩放比例不大于预设页面缩放比例,则终端对第一画板进行截图,生成第一画板截图,并将第一画板截图填入当前帧页面,对当前帧页面进行渲染并显示,以使得用户通过当前帧页面修改第一画板;
在本实施例中,若可视区域的页面缩放比例不大于预设页面缩放比例,则终端对可视区域的第一画板进行截图,并将第一画板截图填入当前帧页面,对当前帧页面进行渲染并显示,通过当前帧页面将可视区域的第一画板尽快显示给用户,以使得用户通过当前帧页面查看可视区域的第一画板的所有子画板,并根据需要选择第一画板中的某一个子画板进行修改操作,例如:修改第一画板中的某一个子画板的字体颜色、字体大小、特殊符号等。
305、终端确定第一画板及第二画板中所有子画板的优先级,第一画板中内容被修改的画板为高级子画板、第一画板中画板内容未被修改的画板和/或第二画板中内容被修改的画板为中级子画板、第二画板中画板内容未被修改的画板为低级子画板;
306、终端根据由高到低的优先级顺序对高级子画板、中级子画板和/或低级子画板进行截图,生成高级子画板截图、中级子画板截图和/或低级子画板截图,并按照截图顺序将高级子画板截图、中级子画板截图和/或低级子画板截图分别填入当前帧页面以及后续帧页面,并对当前帧页面以及后续帧页面分别进行渲染并显示。
本实施例中的步骤305至306与前述图1实施例中的步骤103至104类似,具体此处不再赘述。
上述对本申请提供的一种页面的渲染方法进行了说明,下面对本申请提供的一种页面的渲染装置进行说明:
请参阅图4,图4为本申请提供的一种页面的渲染装置一个实施例结构示意图,该渲染装置包括:
获取单元401,用于获取目标项目的所有画板,所述目标项目包括若干个页面,所述页面包括若干个画板,所述若干个画板包括位于可视区域内的第一画板及位于可视区域外的第二画板,所述第一画板及所述第二画板中均包含若干个子画板;
第一处理单元402,用于对所述第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入当前帧页面,对所述当前帧页面进行渲染并显示,以使得用户通过所述当前帧页面修改所述第一画板;
确定单元403,用于确定所述第一画板及所述第二画板中所有子画板的优先级,所述第一画板中内容被修改的画板为高级子画板、所述第一画板中画板内容未被修改的画板和/或所述第二画板中画板内容被修改的画板为中级子画板、所述第二画板中画板内容未被修改的画板为低级子画板;
第二处理单元404,用于根据由高到低的优先级顺序对所述高级子画板、所述中级子画板和/或所述低级子画板进行截图,生成高级子画板截图、中级子画板截图和/或低级子画板截图,并按照截图顺序将所述高级子画板截图、所述中级子画板截图和/或所低级子画板截图分别填入当前帧页面以及后续帧页面,并对所述当前帧页面以及所述后续帧页面分别进行渲染并显示。
本实施例系统中,各单元所执行的功能与前述图1所示方法实施例中的步骤对应,具体此处不再赘述。
下面对本申请提供的一种页面的渲染装置进行详细说明,请参阅图5,图5为对本申请提供的一种页面的渲染装置进行详细说明对应的实施例结构示意图,该渲染装置包括:
获取单元401,用于获取目标项目的所有画板,所述目标项目包括若干个页面,所述页面包括若干个画板,所述若干个画板包括位于可视区域内的第一画板及位于可视区域外的第二画板,所述第一画板及所述第二画板中均包含若干个子画板;
第一处理单元402,用于对所述第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入当前帧页面,对所述当前帧页面进行渲染并显示,以使得用户通过所述当前帧页面修改所述第一画板;
确定单元403,用于确定所述第一画板及所述第二画板中所有子画板的优先级,所述第一画板中内容被修改的画板为高级子画板、所述第一画板中画板内容未被修改的画板和/或所述第二画板中画板内容被修改的画板为中级子画板、所述第二画板中画板内容未被修改的画板为低级子画板;
第二处理单元404,用于根据由高到低的优先级顺序对所述高级子画板、所述中级子画板和/或所述低级子画板进行截图,生成高级子画板截图、中级子画板截图和/或低级子画板截图,并按照截图顺序将所述高级子画板截图、所述中级子画板截图和/或所低级子画板截图分别填入当前帧页面以及后续帧页面,并对所述当前帧页面以及所述后续帧页面分别进行渲染并显示。
可选地,所述第二处理单元404具体用于:
若存在高级子画板,则对所述高级子画板进行截图,并将高级子画板截图填入第一队列;
判断所述第一队列的截图时间是否小于预设截图时间;
若所述第一队列的截图时间不小于预设截图时间,则将所述第一队列中的截图填入当前帧页面,并对所述当前帧页面进行渲染并显示;
若所述第一队列的截图时间小于预设截图时间,若存在中级子画板,则对至少一个中级子画板进行截图,并将至少一个中级子画板截图填入所述第一队列,根据所述预设截图时间判断所述第一队列是否被填满;
若所述第一队列被填满,则将所述第一队列中的截图填入所述当前帧页面,并对所述当前帧页面进行渲染并显示,并判断所述中级子画板是否全部被截图;
若所述中级子画板没有全部被截图,则对剩余的中级子画板进行截图,并将剩余的中级子画板截图填入至少一个第二队列,并将至少一个所述第二队列填入至少一个后续帧页面,并对至少一个所述后续帧页面进行渲染并显示,并将低级子画板填入至少一个后续帧页面,对至少一个后续帧页面进行渲染并显示;
若所述第一队列没有被填满,若存在低级子画板,则对低级子画板进行截图,并将所述低级子画板截图填入所述第一队列,并判断所述第一队列是否被填满;
若所述第一队列被填满,则将所述第一队列中的截图填入所述当前帧页面,并对所述当前帧页面进行渲染并显示,并判断所述低级子画板是否全部被截图;
若所述低级子画板没有全部被截图,则将剩余的低级子画板填入至少一个第三队列,并将所述至少一个第三队列填入至少一个后续帧页面,并对至少一个所述后续帧页面进行渲染并显示。
可选地,所述渲染装置还包括:
第一判断单元505,用于判断所述当前帧页面的页面缩放比例是否发生改变;
第三处理单元506,用于若所述页面缩放比例发生改变,则根据所述第一画板截图对所述当前帧页面进行渲染并显示,并经过预设等待时长后,重新对缩放比例改变的第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入后续帧页面,并对所述后续帧页面进行渲染并显示。
可选地,所述第三处理单元506具体用于:
若所述页面缩放比例发生改变,则经过预设等待时长后,重新对所述第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入当前帧页面,对所述当前帧页面进行渲染并显示。
可选地,所述渲染装置还包括:
第二判断单元507,用于判断第一画板截图的数据量是否超过预设数据量;
第一渲染显示单元508,用于若所述第一画板截图的数据量超过预设数据量,则将所述第一画板填入当前帧页面,并对所述当前帧页面进行渲染并显示;
所述第一处理单元502具体用于:若所述第一画板截图的数据量不超过预设数据量,则对所述第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入当前帧页面,对所述当前帧页面进行渲染并显示。
可选地,所述渲染装置还包括:
第三判断单元509,用于判断可视区域的页面缩放比例是否大于预设页面缩放比例;
第二渲染显示单元510,用于若所述可视区域的页面缩放比例大于预设页面缩放比例,则对所述可视区域进行渲染并显示;
所述第一处理单元502具体用于:若所示可视区域的页面缩放比例不大于所述预设页面缩放比例,则对所述第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入当前帧页面,对所述当前帧页面进行渲染并显示。
本实施例系统中,各单元所执行的功能与前述图2及前述图3所示方法实施例中的步骤对应,具体此处不再赘述。
本申请还提供了一种页面的渲染装置,请参阅图6,图6为本申请提供的一种页面的渲染装置另一个实施例结构示意图,该渲染装置包括:
处理器601、存储器602、输入输出单元603、总线604;
处理器601与存储器602、输入输出单元603以及总线604相连;
存储器602保存有程序,处理器601调用程序以执行如上任一一种页面的渲染方法。
本申请还涉及一种计算机可读存储介质,计算机可读存储介质上保存有程序,当程序在计算机上运行时,使得计算机执行如上任一一种页面的渲染方法。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统,装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在本申请所提供的几个实施例中,应该理解到,所揭露的系统,装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本申请各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,read-only memory)、随机存取存储器(RAM,random access memory)、磁碟或者光盘等各种可以存储程序代码的介质。

Claims (10)

1.一种页面的渲染方法,其特征在于,所述渲染方法包括:
获取目标项目的所有画板,所述目标项目包括若干个页面,所述页面包括若干个画板,所述若干个画板包括位于可视区域内的第一画板及位于可视区域外的第二画板,所述第一画板及所述第二画板中均包含若干个子画板;
对所述第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入当前帧页面,对所述当前帧页面进行渲染并显示,以使得用户通过所述当前帧页面修改所述第一画板;
确定所述第一画板及所述第二画板中所有子画板的优先级,所述第一画板中内容被修改的画板为高级子画板、所述第一画板中画板内容未被修改的画板和/或所述第二画板中画板内容被修改的画板为中级子画板、所述第二画板中画板内容未被修改的画板为低级子画板;
根据由高到低的优先级顺序对所述高级子画板、所述中级子画板和/或所述低级子画板进行截图,生成高级子画板截图、中级子画板截图和/或低级子画板截图,并按照截图顺序将所述高级子画板截图、所述中级子画板截图和/或所低级子画板截图分别填入当前帧页面以及后续帧页面,并对所述当前帧页面以及所述后续帧页面分别进行渲染并显示。
2.根据权利要求1所述的渲染方法,其特征在于,所述根据由高到低的优先级顺序对所述高级子画板、所述中级子画板和/或所述低级子画板进行截图,生成高级子画板截图、中级子画板截图和/或低级子画板截图,并按照截图顺序将所述高级子画板截图、所述中级子画板截图和/或所低级子画板截图分别填入所述当前帧页面以及所述后续帧页面,并对所述当前帧页面以及所述当前帧页面的后续帧页面分别进行渲染并显示包括:
若存在高级子画板,则对所述高级子画板进行截图,并将高级子画板截图填入第一队列;
判断所述第一队列的截图时间是否小于预设截图时间;
若所述第一队列的截图时间不小于预设截图时间,则将所述第一队列中的截图填入当前帧页面,并对所述当前帧页面进行渲染并显示;
若所述第一队列的截图时间小于预设截图时间,且存在中级子画板,则对至少一个中级子画板进行截图,并将至少一个中级子画板截图填入所述第一队列,根据所述预设截图时间判断所述第一队列是否被填满;
若所述第一队列被填满,则将所述第一队列中的截图填入所述当前帧页面,并对所述当前帧页面进行渲染并显示,并判断所述中级子画板是否全部被截图;
若所述中级子画板没有全部被截图,则对剩余的中级子画板进行截图,并将剩余的中级子画板截图填入至少一个第二队列,并将至少一个所述第二队列填入至少一个后续帧页面,并对至少一个所述后续帧页面进行渲染并显示,若存在低级子画板,则将低级子画板截图填入至少一个后续帧页面,对至少一个后续帧页面进行渲染并显示;
若所述第一队列没有被填满,且存在低级子画板,则对低级子画板进行截图,并将所述低级子画板截图填入所述第一队列,并判断所述第一队列是否被填满;
若所述第一队列被填满,则将所述第一队列中的截图填入所述当前帧页面,并对所述当前帧页面进行渲染并显示,并判断所述低级子画板是否全部被截图;
若所述低级子画板没有全部被截图,则将剩余的低级子画板填入至少一个第三队列,并将所述至少一个第三队列填入至少一个后续帧页面,并对至少一个所述后续帧页面进行渲染并显示。
3.根据权利要求1所述的渲染方法,其特征在于,在所述对所述第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入当前帧页面,对所述当前帧页面进行渲染并显示之后,所述渲染方法还包括:
判断所述当前帧页面的页面缩放比例是否发生改变;
若所述页面缩放比例发生改变,则根据所述第一画板截图对所述当前帧页面进行渲染并显示,并经过预设等待时长后,重新对缩放比例改变的第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入后续帧页面,并对所述后续帧页面进行渲染并显示。
4.根据权利要求1至3中任一项所述的渲染方法,其特征在于,在所述对所述第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入当前帧页面,对所述当前帧页面进行渲染并显示之前,所述渲染方法还包括:
判断第一画板截图的数据量是否超过预设数据量;
若所述第一画板截图的数据量超过预设数据量,则将所述第一画板填入当前帧页面,并对所述当前帧页面进行渲染并显示;
所述对所述第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入当前帧页面,对所述当前帧页面进行渲染并显示包括:
若所述第一画板截图的数据量不超过预设数据量,则对所述第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入当前帧页面,对所述当前帧页面进行渲染并显示。
5.根据权利要求1至3中任一项所述的渲染方法,其特征在于,在所述对所述第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入当前帧页面,对所述当前帧页面进行渲染并显示之前,所述渲染方法还包括:
判断可视区域的页面缩放比例是否大于预设页面缩放比例;
若所述可视区域的页面缩放比例大于预设页面缩放比例,则对所述可视区域进行渲染并显示;
所述对所述第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入当前帧页面,对所述当前帧页面进行渲染并显示包括:
若所示可视区域的页面缩放比例不大于所述预设页面缩放比例,则对所述第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入当前帧页面,对所述当前帧页面进行渲染并显示。
6.一种页面的渲染装置,其特征在于,所述渲染装置包括:
获取单元,用于获取目标项目的所有画板,所述目标项目包括若干个页面,所述页面包括若干个画板,所述若干个画板包括位于可视区域内的第一画板及位于可视区域外的第二画板,所述第一画板及所述第二画板中均包含若干个子画板;
第一处理单元,用于对所述第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入当前帧页面,对所述当前帧页面进行渲染并显示,以使得用户通过所述当前帧页面修改所述第一画板;
确定单元,用于确定所述第一画板及所述第二画板中所有子画板的优先级,所述第一画板中内容被修改的画板为高级子画板、所述第一画板中画板内容未被修改的画板和/或所述第二画板中画板内容被修改的画板为中级子画板、所述第二画板中画板内容未被修改的画板为低级子画板;
第二处理单元,用于根据由高到低的优先级顺序对所述高级子画板、所述中级子画板和/或所述低级子画板进行截图,生成高级子画板截图、中级子画板截图和/或低级子画板截图,并按照截图顺序将所述高级子画板截图、所述中级子画板截图和/或所低级子画板截图分别填入当前帧页面以及后续帧页面,并对所述当前帧页面以及所述后续帧页面分别进行渲染并显示。
7.根据权利要求6所述的渲染装置,其特征在于,所述第二处理单元具体用于:
若存在高级子画板,则对所述高级子画板进行截图,并将高级子画板截图填入第一队列;
判断所述第一队列的截图时间是否小于预设截图时间;
若所述第一队列的截图时间不小于预设截图时间,则将所述第一队列中的截图填入当前帧页面,并对所述当前帧页面进行渲染并显示;
若所述第一队列的截图时间小于预设截图时间,若存在中级子画板,则对至少一个中级子画板进行截图,并将至少一个中级子画板截图填入所述第一队列,根据所述预设截图时间判断所述第一队列是否被填满;
若所述第一队列被填满,则将所述第一队列中的截图填入所述当前帧页面,并对所述当前帧页面进行渲染并显示,并判断所述中级子画板是否全部被截图;
若所述中级子画板没有全部被截图,则对剩余的中级子画板进行截图,并将剩余的中级子画板截图填入至少一个第二队列,并将至少一个所述第二队列填入至少一个后续帧页面,并对至少一个所述后续帧页面进行渲染并显示,并将低级子画板填入至少一个后续帧页面,对至少一个后续帧页面进行渲染并显示;
若所述第一队列没有被填满,若存在低级子画板,则对低级子画板进行截图,并将所述低级子画板截图填入所述第一队列,并判断所述第一队列是否被填满;
若所述第一队列被填满,则将所述第一队列中的截图填入所述当前帧页面,并对所述当前帧页面进行渲染并显示,并判断所述低级子画板是否全部被截图;
若所述低级子画板没有全部被截图,则将剩余的低级子画板填入至少一个第三队列,并将所述至少一个第三队列填入至少一个后续帧页面,并对至少一个所述后续帧页面进行渲染并显示。
8.根据权利要求6所述的渲染装置,其特征在于,所述渲染装置还包括:
第一判断单元,用于判断所述当前帧页面的页面缩放比例是否发生改变;
第三处理单元,用于若所述页面缩放比例发生改变,则根据所述第一画板截图对所述当前帧页面进行渲染并显示,并经过预设等待时长后,重新对缩放比例改变的第一画板进行截图,生成第一画板截图,并将所述第一画板截图填入后续帧页面,并对所述后续帧页面进行渲染并显示。
9.一种页面的渲染装置,其特征在于,所述渲染装置包括:
处理器、存储器、输入输出单元以及总线;
所述处理器与所述存储器、所述输入输出单元以及所述总线相连;
所述存储器保存有程序,所述处理器调用所述程序以执行如权利要求1至5中任一项所述方法。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上保存有程序,所述程序在计算机上执行时执行如权利要求1至5中任一项所述方法。
CN202211410813.9A 2022-11-11 2022-11-11 一种页面的渲染方法、渲染装置及计算机存储介质 Active CN115469959B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202211410813.9A CN115469959B (zh) 2022-11-11 2022-11-11 一种页面的渲染方法、渲染装置及计算机存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202211410813.9A CN115469959B (zh) 2022-11-11 2022-11-11 一种页面的渲染方法、渲染装置及计算机存储介质

Publications (2)

Publication Number Publication Date
CN115469959A CN115469959A (zh) 2022-12-13
CN115469959B true CN115469959B (zh) 2023-01-31

Family

ID=84338214

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202211410813.9A Active CN115469959B (zh) 2022-11-11 2022-11-11 一种页面的渲染方法、渲染装置及计算机存储介质

Country Status (1)

Country Link
CN (1) CN115469959B (zh)

Citations (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
AU2009201502A1 (en) * 2009-04-16 2010-11-04 Canon Kabushiki Kaisha Rendering compositing objects
CN109584341A (zh) * 2018-11-15 2019-04-05 腾讯科技(深圳)有限公司 在画板上绘图的方法及装置
CN110457510A (zh) * 2019-07-10 2019-11-15 成都摹客科技有限公司 一种基于设计页面的多状态显示方法及装置
CN111161385A (zh) * 2019-12-30 2020-05-15 北京奇艺世纪科技有限公司 图像渲染方法、装置、电子设备及存储介质
CN111930442A (zh) * 2020-10-09 2020-11-13 北京三快在线科技有限公司 页面视图的加载方法、装置、存储介质和电子设备
CN111966876A (zh) * 2020-07-31 2020-11-20 浙江知水信息技术有限公司 一种基于NodeJs定时生成灾情地图的方法
CN112711729A (zh) * 2020-12-30 2021-04-27 广州方硅信息技术有限公司 基于页面动画的渲染方法、装置、电子设备及存储介质
CN112784200A (zh) * 2021-01-28 2021-05-11 百度在线网络技术(北京)有限公司 页面数据处理方法、装置、设备、介质和计算机程序产品
CN113031949A (zh) * 2021-04-20 2021-06-25 深圳市活力天汇科技股份有限公司 基于iOS的文本渲染引擎、方法、装置、设备及介质
CN113076105A (zh) * 2021-06-08 2021-07-06 知学云(北京)科技股份有限公司 一种面向在线教育的组件化页面渲染方法、系统及存储器
CN113282214A (zh) * 2021-05-21 2021-08-20 Oppo广东移动通信有限公司 笔画渲染方法、装置、存储介质以及终端
CN113792240A (zh) * 2021-09-23 2021-12-14 上海淇玥信息技术有限公司 一种页面加载的方法、装置及电子设备
CN114154095A (zh) * 2021-11-26 2022-03-08 百果园技术(新加坡)有限公司 页面图片生成方法、装置、设备和存储介质
CN114417093A (zh) * 2022-01-07 2022-04-29 佳讯飞鸿(北京)智能科技研究院有限公司 一种铁路设备图形化显示方法及系统

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120144288A1 (en) * 2010-12-02 2012-06-07 International Business Machines Corporation Web page content display priority and bandwidth management

Patent Citations (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
AU2009201502A1 (en) * 2009-04-16 2010-11-04 Canon Kabushiki Kaisha Rendering compositing objects
CN109584341A (zh) * 2018-11-15 2019-04-05 腾讯科技(深圳)有限公司 在画板上绘图的方法及装置
CN110457510A (zh) * 2019-07-10 2019-11-15 成都摹客科技有限公司 一种基于设计页面的多状态显示方法及装置
CN111161385A (zh) * 2019-12-30 2020-05-15 北京奇艺世纪科技有限公司 图像渲染方法、装置、电子设备及存储介质
CN111966876A (zh) * 2020-07-31 2020-11-20 浙江知水信息技术有限公司 一种基于NodeJs定时生成灾情地图的方法
CN111930442A (zh) * 2020-10-09 2020-11-13 北京三快在线科技有限公司 页面视图的加载方法、装置、存储介质和电子设备
CN112711729A (zh) * 2020-12-30 2021-04-27 广州方硅信息技术有限公司 基于页面动画的渲染方法、装置、电子设备及存储介质
CN112784200A (zh) * 2021-01-28 2021-05-11 百度在线网络技术(北京)有限公司 页面数据处理方法、装置、设备、介质和计算机程序产品
CN113031949A (zh) * 2021-04-20 2021-06-25 深圳市活力天汇科技股份有限公司 基于iOS的文本渲染引擎、方法、装置、设备及介质
CN113282214A (zh) * 2021-05-21 2021-08-20 Oppo广东移动通信有限公司 笔画渲染方法、装置、存储介质以及终端
CN113076105A (zh) * 2021-06-08 2021-07-06 知学云(北京)科技股份有限公司 一种面向在线教育的组件化页面渲染方法、系统及存储器
CN113792240A (zh) * 2021-09-23 2021-12-14 上海淇玥信息技术有限公司 一种页面加载的方法、装置及电子设备
CN114154095A (zh) * 2021-11-26 2022-03-08 百果园技术(新加坡)有限公司 页面图片生成方法、装置、设备和存储介质
CN114417093A (zh) * 2022-01-07 2022-04-29 佳讯飞鸿(北京)智能科技研究院有限公司 一种铁路设备图形化显示方法及系统

Non-Patent Citations (3)

* Cited by examiner, † Cited by third party
Title
"Scalable web-embedded volume rendering";Mohammad Raji.etc;《2017 IEEE 7th Symposium on Large Data Analysis and Visualization (LDAV)》;20171221;第45-54页 *
"嵌入式浏览器渲染体系结构的研究与设计";于海涛;《中国优秀硕士学位论文全文数据库 信息科技辑》;20111215;I139-246 *
"面向布局推荐的数据可视化系统设计与实现";施皓;《中国优秀硕士学位论文全文数据库 信息科技辑》;20200215;I138-892 *

Also Published As

Publication number Publication date
CN115469959A (zh) 2022-12-13

Similar Documents

Publication Publication Date Title
CN105718875B (zh) 一种视觉疲劳检测方法及用户终端
CN106156066B (zh) 一种页面切换方法、装置及客户端
CN110377263B (zh) 图像合成方法、装置、电子设备及存储介质
CN110363831B (zh) 图层合成方法、装置、电子设备及存储介质
EP1914640A1 (en) Multiple screen size render-engine
US20140189516A1 (en) Video preview display method and terminal device
CN103870123B (zh) 一种信息处理方法及电子设备
CN110413911B (zh) 网络图片加载方法、装置、终端设备及存储介质
CN109361947A (zh) 网络资源批量加载方法、智能电视、存储介质及装置
CN103905909A (zh) 视频预览显示方法和终端设备
CN107959965B (zh) 应用程序的降帧方法、装置、移动终端及可读存储介质
CN109426476B (zh) 信号源调度系统及信号源系统的信号调度方法
JP4742051B2 (ja) 空間・時間モーションブラー効果の生成方法
CN109218831B (zh) 视频播放下网页处理方法、电子装置及计算机可读存储介质
CN105808307B (zh) 一种页面显示方法和装置
CN115658209A (zh) 通知消息显示方法、装置和电子设备
CN115967691A (zh) 消息处理方法、装置、电子设备、存储介质及程序产品
CN115469959B (zh) 一种页面的渲染方法、渲染装置及计算机存储介质
CN115248714A (zh) 一种利用vgpu提升vdi远程桌面性能的方法
CN114356479A (zh) 一种页面渲染方法及装置
CN114816692B (zh) 投屏显示方法、装置、移动终端及存储介质
CN112199139B (zh) 一种系统缩放比例的自适应调整方法及装置
CN113835657A (zh) 显示方法及电子设备
CN114661370B (zh) 资源加载方法、装置、电子设备及计算机存储介质
CN116595281A (zh) 一种页面渲染方法、装置、设备以及存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant