显示区域渲染方法、装置、设备、可读存储介质及产品

技术领域

本申请涉及人工智能中，尤其涉及一种显示区域渲染方法、装置、设备、可读存储介质及产品，可用于大数据、数据分析。

背景技术

在图形流水线中，渲染是最后一项重要步骤，通过它得到模型与动画最终显示效果。为了提高数据节点在前端的显示效果，一般需要对数据节点进行渲染操作。

现有技术中，为了实现对数据节点的渲染操作，Web前端一般一次性获取当前全部需要显示的数据节点内容，解析全部需要显示的数据节点，并对解析后的数据节点进行渲染操作。

但是，采用上述方法进行数据渲染时，当需要渲染的数据节点数据量较大时，一方面数据获取时间较长。另一方面，前端需要渲染的数据量较大，导致前端发生异常。

发明内容

本申请提供了一种用于提高前端数据节点渲染效率的显示区域渲染方法、装置、设备以及存储介质。

根据本申请的一方面，提供了一种显示区域渲染方法，包括：

响应于用户对显示区域的调整操作，确定当前显示区域对应的第一边界信息以及已渲染区域对应的第二边界信息，其中，所述显示区域位于所述已渲染区域内；

根据所述第一边界信息以及所述第二边界信息，确定所述已渲染区域是否需要更新；

若所述已渲染区域需要更新，则从当前未渲染区域中获取目标区域进行渲染操作，获得更新后的已渲染区域，其中，所述更新后的已渲染区域能够覆盖所述当前显示区域。

根据本申请的第二方面，提供了一种显示区域渲染装置，包括：

确定模块，用于响应于用户对显示区域的调整操作，确定当前显示区域对应的第一边界信息以及已渲染区域对应的第二边界信息，其中，所述显示区域位于所述已渲染区域内；

处理模块，用于根据所述第一边界信息以及所述第二边界信息，确定所述已渲染区域是否需要更新；

渲染模块，用于若所述已渲染区域需要更新，则从当前未渲染区域中获取目标区域进行渲染操作，获得更新后的已渲染区域，其中，所述更新后的已渲染区域能够覆盖所述当前显示区域。

根据本申请的第三方面，提供了一种电子设备，包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行第一方面所述的方法。

根据本申请的第四方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，所述计算机指令用于使所述计算机执行第一方面所述的方法。

根据本申请的第五方面，提供了一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现根据第一方面所述的方法。

根据本申请的技术解决了现有的数据渲染方法需要获取全部的待渲染数据，当待渲染数据的数据量较大时，导致的数据获取速度慢、数据渲染效率低的技术问题。

应当理解，本部分所描述的内容并非旨在标识本申请的实施例的关键或重要特征，也不用于限制本申请的范围。本申请的其它特征将通过以下的说明书而变得容易理解。

附图说明

附图用于更好地理解本方案，不构成对本申请的限定。其中：

图1为本申请基于的系统架构示意图；

图2为本申请实施例一提供的显示区域渲染方法的流程示意图；

图3为本申请实施例提供的显示界面示意图；

图4为本申请实施例提供的又一显示界面示意图；

图5为本申请实施例提供的又一显示界面示意图；

图6为本申请实施例提供的又一显示界面示意图；

图7为本申请实施例二提供的显示区域渲染方法的流程示意图；

图8为本申请实施例三提供的显示区域渲染方法的流程示意图；

图9为本申请实施例四提供的显示区域渲染装置的结构示意图；

图10为本申请实施例五提供的电子设备的结构示意图。

具体实施方式

以下结合附图对本申请的示范性实施例做出说明，其中包括本申请实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本申请的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

本申请提供一种显示区域渲染方法、装置、设备、可读存储介质及产品，应用于人工智能中的大数据、数据分析，以达到提高渲染效率，使得前端数据正常显示的技术效果。

针对上述提及的在现有的数据渲染方法需要获取全部的待渲染数据，当待渲染数据的数据量较大时，导致的数据获取速度慢、数据渲染效率低的技术问题，本申请提供了一种显示区域渲染方法、装置、设备、可读存储介质及产品。

需要说明的是，本申请提供显示区域渲染方法、装置、设备、可读存储介质及产品可运用在各种数据节点渲染的场景中。

现有的大数据量节点在Web端渲染目前普遍采用如下两种方案来解决：

1、Web前端一次性请求获取所有数据节点的内容；

2、Web前端对数据进行切割，分段请求获取节点片段内容，每次请求固定行数，例如100行数据，首先表格初始默认加载100行数据，随着滚动条位置的变化，检测机制检测到需要请求新的数据节点，然后再次读取100行数据，Web前端分段解析渲染。

但是，采用上述两种方法进行数据节点渲染操作时，对于数据量较大的场景，比如当行列乘积达到十万，百万，千万级别就会有出现很严重的性能缺陷。由于数据量较大的场景，每次需要获取大量的数据，并且对大量数据进行渲染，因此，渲染速度较慢，且可能会造成引擎故障等问题。

在解决上述技术问题的过程中，发明人通过研究发现，为了提高数据渲染的效率，可以仅获取部分区域进行渲染，获得已渲染区域，其中，该已渲染区域能够覆盖当前用户浏览的显示区域。并且根据用户浏览的显示区域的位置，对已渲染区域进行更新操作，使得用户感知不到数据请求带来的渲染延迟。由于每次仅获取已渲染区域进行渲染，数据量较小，因此，数据获取以及数据渲染的速度都较快，不会造成系统的卡顿问题。

图1为本申请基于的系统架构示意图，如图1所示，本申请基于的系统架构至少包括：终端设备1、服务器2以及数据服务器3。其中，服务器2中设置有显示区域渲染装置，该显示区域渲染装置采用C/C++、Java、Shell或Python等语言编写；终端设备1则可例如台式电脑、平板电脑等。数据服务器3则可为云端服务器或服务器集群，其内存储有大量的数据。

图2为本申请实施例一提供的显示区域渲染方法的流程示意图，如图2所示，该方法包括：

步骤201、响应于用户对显示区域的调整操作，确定当前显示区域对应的第一边界信息以及已渲染区域对应的第二边界信息，其中，所述显示区域位于所述已渲染区域内。

本实施例的执行主体为显示区域渲染装置，该显示区域渲染装置可耦合于服务器中。

在本实施方式中，为了实现数据节点的快速渲染操作，可以对整体数据区域进行切割，每次仅获取部分数据节点进行渲染操作，获得已渲染区域。其中，该已渲染区域为九宫格区域，所述九宫格区域内的每一宫覆盖面积大于所述显示区域的覆盖面积。图3为本申请实施例提供的显示界面示意图，如图3所示，显示区域31位于已渲染区域32内部，已渲染区域32位于全部待渲染数据节点区域33内部。

具体地，九宫格区域可以由九个相同大小的宫组成的，每行3个宫，每列3个宫，形成3乘以3的9个宫，每个宫包含的行数列数固定，比如行数是30，列数是20的宫，该宫的行列乘积为600，则9个宫的行列数乘积就为5400，即5400个数据节点。每次请求最大获取的数据量为九个宫的数据量，显示区域渲染装置每次仅仅渲染九宫格格子内的数据。由于每次请求和渲染的数据量很小，请求响应快，显示区域渲染装置渲染速度也较快，并且九宫格大小足够大于显示区域，这样就提供很大数据缓存空间，可以提前预加载数据，在滚动条滚动过程中，用户感知不到数据请求带来的渲染延迟。

实际应用中，用户对显示区域的一些操作往往会导致显示区域的移动。例如，用户通过滑轮滑动页面时，可能会导致显示区域发生位置的变化，因此，可能导致已渲染区域无法覆盖该显示区域，从而可能前端显示出现问题。因此，为了保证用户能够正常的浏览数据，当检测到用户对显示区域的调整操作时，可以确定当前显示区域对应的第一边界信息以及已渲染区域对应的第二边界信息，其中，所述显示区域位于所述已渲染区域内。

步骤202、根据所述第一边界信息以及所述第二边界信息，确定所述已渲染区域是否需要更新。

在本实施方式中，由于第一边界信息以及第二边界信息往往能够精确地表征显示区域以及已渲染区域的位置信息，因此，具体可以根据第一边界信息以及第二边界信息来确定当前已渲染区域是否需要更新。

步骤203、若所述已渲染区域需要更新，则从当前未渲染区域中获取目标区域进行渲染操作，获得更新后的已渲染区域，其中，所述更新后的已渲染区域能够覆盖所述当前显示区域。

在本实施方式中，当检测到已渲染区域需要更新时，可以从当前未渲染区域中获取目标区域进行数据渲染操作，获得更新后的已渲染区域。需要说明的是，更新后的已渲染区域能够覆盖所述当前显示区域。从而能够保证用户当前查看的当前显示区域内的数据节点均为已渲染节点，使得用户无需感知渲染操作带来的延迟。

本实施例提供的显示区域渲染方法，通过根据用户对显示区域的调整操作，动态地对已渲染区域进行调整，从而能够保证提前预加载数据，在滚动条滚动过程中，使得用户感知不到数据请求带来的渲染延迟。此外，通过每次获取九宫格区域的数据节点进行渲染操作，获得已渲染区域，从而每次请求和渲染的数据量很小，请求响应快，提高数据渲染的效率。

进一步地，在实施例一的基础上，步骤203之后，还包括：

从所述更新后的已渲染区域内获取所述当前显示区域对应的显示单元进行数据显示。

在本实施例中，当根据用户对显示区域的调整操作完成对已渲染区域的更新操作，获得更新后的已渲染区域之后，可以根据该已渲染区域支持用户的数据浏览操作。具体地，可以从更新后的已渲染区域内获取所述当前显示区域对应的显示单元进行数据显示。

通过从更新后的已渲染区域内获取所述当前显示区域对应的显示单元进行数据显示，从而能够保证用户当前查看的当前显示区域内的数据节点均为已渲染节点，使得用户无需感知渲染操作带来的延迟。

进一步地，在实施例一的基础上，步骤202具体包括：

根据所述第一边界信息以及所述第二边界信息，确定所述当前显示区域是否存在部分区域未位于所述已渲染区域内。

若当前显示区域至少部分区域未位于所述已渲染区域内，则确定所述已渲染区域需要更新。

在本实施例中，为了实现已渲染区域的准确更新，可以根据第一边界信息以及所述第二边界信息来确定当前已渲染区域是否需要更新。具体地，可以根据第一边界信息以及所述第二边界信息确定当前显示区域是否存在部分区域未位于已渲染区域内。当检测到当前显示区域至少部分区域未位于已渲染区域内，则表征当前已存在部分显示区域对应的数据为未渲染状态，因此，可以确定所述已渲染区域需要更新。

图4为本申请实施例提供的又一显示界面示意图，如图4所示，若当前显示区域41与已渲染区域42存在交叠，也即当前显示区域41至少部分区域未位于所述已渲染区域42内，此时，需要对已渲染区域42进行更新操作，使得当前显示区域41能够位于更新后的已渲染区域43内。

图5为本申请实施例提供的又一显示界面示意图，如图5所示，若当前显示区域51不在已渲染区域52内，此时，需要对已渲染区域52进行更新操作，使得当前显示区域51能够位于更新后的已渲染区域53内。

通过检测当前显示区域是否存在部分区域未位于所述已渲染区域内，根据检测结果确定是否对已渲染区域进行更新操作，从而能够准确地实现对已渲染区域的更新操作，使得显示区域始终位于已渲染区域内，避免用户体验数据渲染带来的延迟，提高用户体验。

进一步地，在实施例一的基础上，步骤202具体包括：

根据所述第一边界信息以及所述第二边界信息，确定当所述当前显示区域位于所述已渲染区域内时，所述已渲染区域的边界与所述当前显示区域的边界之间的距离是否小于预设的阈值。

若小于，则确定所述已渲染区域需要更新。

在本实施例中，为了使得用户进一步地对数据渲染完全无感知，可以根据第一边界信息以及第二边界信息，确定当当前显示区域位于已渲染区域内时，已渲染区域的边界与当前显示区域的边界之间的距离是否小于预设的阈值。若小于，则确定已渲染区域需要更新。其中，该预设的阈值可以根据实际需求进行调节，例如用户滑动界面的速度很快，则可以设置一个较大的阈值，反之，若用户滑动界面的速度较慢，则可以设置一个较小的阈值。

图6为本申请实施例提供的又一显示界面示意图，如图6所示，为了使得用户前端对数据渲染完全无感知，可以在检测到当前显示区域61位于已渲染区域62内，但是已渲染区域62的边界与所述当前显示区域61的边界之间的距离小于预设的阈值63时，对已渲染区域62进行更新操作，使得当前显示区域61能够位于更新后的已渲染区域64内。

通过检测当所述当前显示区域位于所述已渲染区域内时，所述已渲染区域的边界与所述当前显示区域的边界之间的距离是否小于预设的阈值，根据检测结果确定是否对已渲染区域进行更新操作，从而能够扩大数据缓存空间，使得显示区域始终位于已渲染区域内，避免用户体验数据渲染带来的延迟，提高用户体验。

进一步地，在实施例一的基础上，步骤201具体包括：

确定当前显示区域各顶点对应的第一坐标信息，根据各所述第一坐标信息，确定所述第一边界信息。

确定所述已渲染区域各顶点对应的第二坐标信息，根据各所述第二坐标信息确定所述第二边界信息。

在本实施例中，坐标信息具体可以用于显示区域或已渲染区域内数据节点的位置。例如，显示区域的左上角坐标为(0,0)，右下角为(最大列数，最大行数)。可以根据显示区域以及已渲染区域内的坐标实现对第一边界信息以及第二边界信息的确定。具体地，可以确定当前显示区域各顶点对应的第一坐标信息，根据各第一坐标信息，确定第一边界信息。

确定已渲染区域各顶点对应的第二坐标信息，根据各第二坐标信息确定第二边界信息。

通过根据显示区域以及已渲染区域内的坐标实现对第一边界信息以及第二边界信息的确定，从而能够精准地确定显示区域以及已渲染区域对应的位置信息，为后续的已渲染区域的更新以及显示区域的快速显示提供了基础。

进一步地，在实施例一的基础上，步骤201具体包括：

响应于用户通过滑动预设的滚动条触发的对显示区域的调整操作，确定当前显示区域对应的第一边界信息以及已渲染区域对应的第二边界信息；和/或，

响应于用户通过触发预设的显示界面尺寸切换图标输入的对显示区域的调整操作，确定当前显示区域对应的第一边界信息以及已渲染区域对应的第二边界信息；和/或，

响应于用户对所述显示区域内的多个显示单元尺寸的编辑操作输入的对显示区域的调整操作，确定当前显示区域对应的第一边界信息以及已渲染区域对应的第二边界信息。

实际应用中，用户对显示区域的多种调整操作均可能会导致显示区域发生位置的变化。具体地，当用户通过滑动显示界面上预设的滚动条进行显示位置的调整时，会导致显示区域发生变化。因此，可以响应于用户通过滑动预设的滚动条触发的对显示区域的调整操作，确定当前显示区域对应的第一边界信息以及已渲染区域对应的第二边界信息。

可选地，若用户将小屏浏览的模式调节为全屏浏览，或者将当前屏幕显示的内容转移到更大尺寸的屏幕上进行显示时，可能会导致显示区域的位置发生变化。因此，可以响应于用户通过触发预设的显示界面尺寸切换图标输入的对显示区域的调整操作，确定当前显示区域对应的第一边界信息以及已渲染区域对应的第二边界信息。

可选地，显示区域由多个显示单元组成，其中，每一显示单元具体用于表示数据的内容格子。用户可以根据实际需求对显示单元的尺寸进行调整，从而可能会导致显示区域的位置发生变化。因此，可以响应于用户对所述显示区域内的多个显示单元尺寸的编辑操作输入的对显示区域的调整操作，确定当前显示区域对应的第一边界信息以及已渲染区域对应的第二边界信息。

通过根据用户对显示区域的滑动操作、尺寸切换操作以及尺寸调整操作当前显示区域对应的第一边界信息以及已渲染区域对应的第二边界信息，从而能够实时地确定当前显示区域是否位于已渲染区域内，保证显示区域始终位于已渲染区域内，避免用户体验数据渲染带来的延迟，提高用户体验。

图7为本申请实施例二提供的显示区域渲染方法的流程示意图，在实施例一的基础上，如图7所示，步骤203包括：

步骤701、根据所述第一边界信息以及预设的渲染区域尺寸，在所述未渲染区域中确定目标区域。

步骤702、从所述未渲染区域中获取所述目标区域进行渲染操作，获得所述更新后的已渲染区域。

在本实施例中，为了实现对已渲染区域的更新操作，可以预先设置渲染区域的尺寸，渲染区域内行数列数固定，例如九宫格区域内每个宫的行数是30，列数是20的宫，该宫的行列乘积为600，则9个宫的行列数乘积就为5400，即5400个坐标单元。

此外，需要保证已渲染区域能够完全覆盖显示区域，因此，可以根据第一边界信息以及预设的渲染区域尺寸，在未渲染区域中确定目标区域。从未渲染区域中获取目标区域进行渲染操作，获得更新后的已渲染区域。

通过根据第一边界信息以及预设的渲染区域尺寸确定目标区域，从而能够保证更新后的已渲染区域能够完全覆盖显示区域，提高用户体验。

进一步地，在上述任一实施例的基础上，步骤301具体包括：

根据所述第一边界信息，在所述未渲染区域中确定与所述渲染区域尺寸一致的目标区域，使得所述当前显示区域的边界均位于所述目标区域内。

在本实施例中，具体可以根据当前显示区域对应的第一边界信息，在未渲染区域中确定与所述渲染区域尺寸一致的目标区域，使得所述当前显示区域的边界均位于所述目标区域内。

进一步地，在上述任一实施例的基础上，步骤301具体包括：

根据所述第一边界信息，在所述未渲染区域中确定与所述渲染区域尺寸一致的目标区域，使得所述当前显示区域位于所述目标区域的中心位置。

优选地，具体可以根据所述第一边界信息，在所述未渲染区域中确定与所述渲染区域尺寸一致的目标区域，使得所述当前显示区域位于所述目标区域的中心位置。从而无论用户向那个方向调整显示区域，当前的显示区域均能够位于已渲染区域内。

图8为本申请实施例三提供的显示区域渲染方法的流程示意图，在上述任一实施例的基础上，如图8所示，步骤203具体包括：

步骤801、确定所述目标区域中，所述已渲染区域未覆盖的待渲染区域。

步骤802、对所述待渲染区域进行渲染操作，获得更新后的已渲染区域。

在本实施例中，为了进一步地提高数据渲染的效率，在获取到目标区域之后，可以对目标区域以及已渲染区域做diff，确定待渲染区域。具体地，可以确定目标区域中，已渲染区域未覆盖的待渲染区域。仅对待渲染区域进行渲染操作。

通过确定目标区域中，已渲染区域未覆盖的待渲染区域。仅对待渲染区域进行渲染操作，从而能够避免对已渲染的数据进行二次渲染，从而能够有效地提高数据渲染的效率。

图9为本申请实施例四提供的显示区域渲染装置的结构示意图，如图9所示，该显示区域渲染装置90具体包括确定模块91、处理模块92以及渲染模块93。其中，确定模块91，用于响应于用户对显示区域的调整操作，确定当前显示区域对应的第一边界信息以及已渲染区域对应的第二边界信息，其中，所述显示区域位于所述已渲染区域内。处理模块92，用于根据所述第一边界信息以及所述第二边界信息，确定所述已渲染区域是否需要更新。渲染模块93，用于若所述已渲染区域需要更新，则从当前未渲染区域中获取目标区域进行渲染操作，获得更新后的已渲染区域，其中，所述更新后的已渲染区域能够覆盖所述当前显示区域。

进一步地，在实施例四的基础上，所述已渲染区域为九宫格区域，所述九宫格区域内的每一宫覆盖面积大于所述显示区域的覆盖面积。

进一步地，在实施例四的基础上，所述装置还包括：显示模块，用于从所述更新后的已渲染区域内获取所述当前显示区域对应的显示单元进行数据显示。

进一步地，在实施例四的基础上，所述处理模块包括：第一检测单元，用于根据所述第一边界信息以及所述第二边界信息，确定所述当前显示区域是否存在部分区域未位于所述已渲染区域内。第一判定单元，用于若当前显示区域至少部分区域未位于所述已渲染区域内，则确定所述已渲染区域需要更新。

进一步地，在实施例四的基础上，所述处理模块包括：第二检测单元，用于根据所述第一边界信息以及所述第二边界信息，确定当所述当前显示区域位于所述已渲染区域内时，所述已渲染区域的边界与所述当前显示区域的边界之间的距离是否小于预设的阈值。第二判定单元，用于若小于，则确定所述已渲染区域需要更新。

进一步地，在实施例四的基础上，所述确定模块包括：确定单元，用于确定当前显示区域各顶点对应的第一坐标信息，根据各所述第一坐标信息，确定所述第一边界信息。确定单元，还用于确定所述已渲染区域各顶点对应的第二坐标信息，根据各所述第二坐标信息确定所述第二边界信息。

进一步地，在上述任一实施例的基础上，所述确定模块包括：第一调整单元，用于响应于用户通过滑动预设的滚动条触发的对显示区域的调整操作，确定当前显示区域对应的第一边界信息以及已渲染区域对应的第二边界信息；和/或，第二调整单元，用于响应于用户通过触发预设的显示界面尺寸切换图标输入的对显示区域的调整操作，确定当前显示区域对应的第一边界信息以及已渲染区域对应的第二边界信息；和/或，第三调整单元，用于响应于用户对所述显示区域内的多个显示单元尺寸的编辑操作输入的对显示区域的调整操作，确定当前显示区域对应的第一边界信息以及已渲染区域对应的第二边界信息。

进一步地，在上述任一实施例的基础上，所述渲染模块包括：选择单元，用于根据所述第一边界信息以及预设的渲染区域尺寸，在所述未渲染区域中确定目标区域。渲染单元，用于从所述未渲染区域中获取所述目标区域进行渲染操作，获得所述更新后的已渲染区域。

进一步地，在上述任一实施例的基础上，所述选择单元，用于：根据所述第一边界信息，在所述未渲染区域中确定与所述渲染区域尺寸一致的目标区域，使得所述当前显示区域的边界均位于所述目标区域内。

进一步地，在上述任一实施例的基础上，所述选择单元，用于：根据所述第一边界信息，在所述未渲染区域中确定与所述渲染区域尺寸一致的目标区域，使得所述当前显示区域位于所述目标区域的中心位置。

进一步地，在上述任一实施例的基础上，所述渲染模块包括：计算单元，用于确定所述目标区域中，所述已渲染区域未覆盖的待渲染区域。处理单元，用于对所述待渲染区域进行渲染操作，获得更新后的已渲染区域。

根据本申请的实施例，本申请还提供了一种电子设备和一种可读存储介质。

图10为本申请实施例五提供的电子设备的结构示意图，如图10所示，是根据本申请实施例的显示区域渲染方法的电子设备的框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本申请的实现。

如图10所示，该电子设备1000包括：一个或多个处理器1001、存储器1002，以及用于连接各部件的接口，包括高速接口和低速接口。各个部件利用不同的总线互相连接，并且可以被安装在公共主板上或者根据需要以其它方式安装。处理器可以对在电子设备内执行的指令进行处理，包括存储在存储器中或者存储器上以在外部输入/输出装置(诸如，耦合至接口的显示设备)上显示GUI的图形信息的指令。在其它实施方式中，若需要，可以将多个处理器和/或多条总线与多个存储器一起使用。同样，可以连接多个电子设备，各个设备提供部分必要的操作(例如，作为服务器阵列、一组刀片式服务器、或者多处理器系统)。图10中以一个处理器1001为例。

存储器1002即为本申请所提供的非瞬时计算机可读存储介质。其中，所述存储器存储有可由至少一个处理器执行的指令，以使所述至少一个处理器执行本申请所提供的显示区域渲染方法。本申请的非瞬时计算机可读存储介质存储计算机指令，该计算机指令用于使计算机执行本申请所提供的显示区域渲染方法。

存储器1002作为一种非瞬时计算机可读存储介质，可用于存储非瞬时软件程序、非瞬时计算机可执行程序以及模块，如本申请实施例中的显示区域渲染方法对应的程序指令/模块(例如，附图9所示的确定模块91、处理模块92和渲染模块93)。处理器1001通过运行存储在存储器1002中的非瞬时软件程序、指令以及模块，从而执行服务器的各种功能应用以及数据处理，即实现上述方法实施例中的显示区域渲染方法。

存储器1002可以包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需要的应用程序；存储数据区可存储根据显示区域渲染的电子设备1000的使用所创建的数据等。此外，存储器1002可以包括高速随机存取存储器，还可以包括非瞬时存储器，例如至少一个磁盘存储器件、闪存器件、或其他非瞬时固态存储器件。在一些实施例中，存储器1002可选包括相对于处理器1001远程设置的存储器，这些远程存储器可以通过网络连接至显示区域渲染的电子设备1000。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

显示区域渲染方法的电子设备1000还可以包括：输入装置1003和输出装置1004。处理器1001、存储器1002、输入装置1003和输出装置1004可以通过总线或者其他方式连接，图10中以通过总线连接为例。

输入装置1003可接收输入的数字或字符信息，以及产生与显示区域渲染的电子设备1000的用户设置以及功能控制有关的键信号输入，例如触摸屏、小键盘、鼠标、轨迹板、触摸板、指示杆、一个或者多个鼠标按钮、轨迹球、操纵杆等输入装置。输出装置1004可以包括显示设备、辅助照明装置(例如，LED)和触觉反馈装置(例如，振动电机)等。该显示设备可以包括但不限于，液晶显示器(LCD)、发光二极管(LED)显示器和等离子体显示器。在一些实施方式中，显示设备可以是触摸屏。

此处描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、专用ASIC(专用集成电路)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。

这些计算机程序(也称作程序、软件、软件应用、或者代码)包括可编程处理器的机器指令，并且可以利用高级过程和/或面向对象的编程语言、和/或汇编/机器语言来实施这些计算机程序。如本文使用的，术语“机器可读介质”和“计算机可读介质”指的是用于将机器指令和/或数据提供给可编程处理器的任何计算机程序产品、设备、和/或装置(例如，磁盘、光盘、存储器、可编程逻辑装置(PLD))，包括，接收作为机器可读信号的机器指令的机器可读介质。术语“机器可读信号”指的是用于将机器指令和/或数据提供给可编程处理器的任何信号。

为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。

可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)和互联网。

计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，又称为云计算服务器或云主机，是云计算服务体系中的一项主机产品，以解决了传统物理主机与VPS服务("Virtual Private Server"，或简称"VPS")中，存在的管理难度大，业务扩展性弱的缺陷。服务器也可以为分布式系统的服务器，或者是结合了区块链的服务器。

本申请又一实施例还提供了一种存储有计算机指令的非瞬时计算机可读存储介质，所述计算机指令用于使所述计算机执行上述任一实施例所述的方法。

本申请又一实施例还提供了一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现根据如上述任一实施例所述的方法。

应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发申请中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本申请公开的技术方案所期望的结果，本文在此不进行限制。

上述具体实施方式，并不构成对本申请保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本申请的精神和原则之内所作的修改、等同替换和改进等，均应包含在本申请保护范围之内。