【技术实现步骤摘要】
本专利技术涉及计算机，尤其涉及一种拓扑图离屏渲染方法、装置、设备及存储介质。
技术介绍
1、随着网络技术的发展，拓扑图在网络监测、数据分析等领域的应用越来越广泛。
2、传统的拓扑图渲染方法往往面临以下挑战：当拓扑图数据量大时，传统的渲染方法可能导致页面卡顿，用户体验差；用户希望能够实时查看和操作拓扑图，需要系统具备快速响应能力，然而传统的渲染方法很难满足用户的实时性要求；传统方法难以根据用户的交互行为动态调整渲染策略，难以提供细致的用户体验；所有渲染任务都在主线程执行，导致主线程负载过重，影响整体性能。
技术实现思路
1、本专利技术提供了一种拓扑图离屏渲染方法、装置、设备及存储介质，可以提高拓扑图的渲染性能，减少主线程的负载，提升用户对web应用程序的操作体验，提升拓扑图渲染方法的可扩展性。
2、根据本专利技术的一方面，提供了一种拓扑图离屏渲染方法，所述方法包括：
3、获取待渲染拓扑图对应的全部节点数据，对所述全部节点数据进行分块，得到多个分块数据；
4、在web应用程序的主线程中创建web worker线程，通过所述web worker线程使用预设绘图工具对各所述分块数据进行图形绘制，并将绘制结果存储至离屏文档中；
5、对所述离屏文档中绘制结果对应的dom节点进行创建得到渲染结果，并根据所述渲染结果生成目标拓扑图。
6、可选的，对所述全部节点数据进行分块，得到多个分块数据，包括：
7、判断所述全部
8、若是，则按照预设节点阈值，对所述全部节点数据进行网格划分，得到多个分块数据。
9、可选的，在判断所述全部节点数据的密度是否均匀之后，还包括：
10、若否，则将所述全部节点数据划分为第一数据区域以及第二数据区域；所述第一数据区域的密度大于第二数据区域的密度；
11、按照预设节点阈值，对所述第二数据区域进行网格划分，得到多个分块数据；
12、按照四叉树结构，对所述第一数据区域进行递归划分，得到多个分块数据。
13、可选的，通过所述web worker线程使用预设绘图工具对各所述分块数据进行图形绘制，包括：
14、根据web应用程序的当前视窗范围，确定web应用程序对应的当前用户可见区域；
15、通过所述web worker线程，使用预设绘图工具对当前用户可见区域对应的分块数据进行图形绘制。
16、可选的，通过所述web worker线程使用预设绘图工具对各所述分块数据进行图形绘制，包括：
17、根据用户对所述web应用程序触发的交互行为，确定web应用程序对应的当前用户关注区域；
18、对所述当前用户关注区域对应的分块数据进行再次划分，得到多个子分块数据；
19、通过所述web worker线程，使用预设绘图工具对当前用户关注区域对应的子分块数据进行图形绘制，并对除当前用户关注区域之外的其他区域对应的分块数据进行图形绘制。
20、可选的，根据所述渲染结果生成目标拓扑图，包括：
21、通过所述web worker线程，将所述渲染结果传回至主线程；
22、通过所述主线程，将所述渲染结果插入至dom树中，得到最终渲染的目标拓扑图。
23、可选的，在根据所述渲染结果生成目标拓扑图之后，还包括：
24、将所述目标拓扑图，通过web应用程序的可视化界面展示给用户。
25、根据本专利技术的另一方面，提供了一种拓扑图离屏渲染装置，所述装置包括：
26、数据划分模块，用于获取待渲染拓扑图对应的全部节点数据，对所述全部节点数据进行分块，得到多个分块数据；
27、数据绘制模块，用于在web应用程序的主线程中创建web worker线程，通过所述web worker线程使用预设绘图工具对各所述分块数据进行图形绘制，并将绘制结果存储至离屏文档中；
28、拓扑图生成模块，用于对所述离屏文档中绘制结果对应的dom节点进行创建得到渲染结果，并根据所述渲染结果生成目标拓扑图。
29、根据本专利技术的另一方面，提供了一种电子设备，所述电子设备包括：
30、至少一个处理器；以及
31、与所述至少一个处理器通信连接的存储器；其中，
32、所述存储器存储有可被所述至少一个处理器执行的计算机程序，所述计算机程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行本专利技术任一实施例所述的拓扑图离屏渲染方法。
33、根据本专利技术的另一方面，提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机指令，所述计算机指令用于使处理器执行时实现本专利技术任一实施例所述的拓扑图离屏渲染方法。
34、本专利技术实施例提供的技术方案，通过获取待渲染拓扑图对应的全部节点数据，对所述全部节点数据进行分块，得到多个分块数据，在web应用程序的主线程中创建webworker线程，通过所述web worker线程使用预设绘图工具对各所述分块数据进行图形绘制，并将绘制结果存储至离屏文档中，对所述离屏文档中绘制结果对应的dom节点进行创建得到渲染结果，并根据所述渲染结果生成目标拓扑图的技术手段，可以提高拓扑图的渲染性能，减少主线程的负载，提升用户对web应用程序的操作体验，提升拓扑图渲染方法的可扩展性。
35、应当理解，本部分所描述的内容并非旨在标识本专利技术的实施例的关键或重要特征，也不用于限制本专利技术的范围。本专利技术的其它特征将通过以下的说明书而变得容易理解。
本文档来自技高网...【技术保护点】
1.一种拓扑图离屏渲染方法，其特征在于，所述方法包括：
2.根据权利要求1所述的方法，其特征在于，对所述全部节点数据进行分块，得到多个分块数据，包括：
3.根据权利要求2所述的方法，其特征在于，在判断所述全部节点数据的密度是否均匀之后，还包括：
4.根据权利要求1所述的方法，其特征在于，通过所述Web Worker线程使用预设绘图工具对各所述分块数据进行图形绘制，包括：
5.根据权利要求1所述的方法，其特征在于，通过所述Web Worker线程使用预设绘图工具对各所述分块数据进行图形绘制，包括：
6.根据权利要求1所述的方法，其特征在于，根据所述渲染结果生成目标拓扑图，包括：
7.根据权利要求1所述的方法，其特征在于，在根据所述渲染结果生成目标拓扑图之后，还包括：
8.一种拓扑图离屏渲染装置，其特征在于，所述装置包括：
9.一种电子设备，其特征在于，所述电子设备包括：
10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机指令，所述计算机指令用于使处理
...【技术特征摘要】
1.一种拓扑图离屏渲染方法，其特征在于，所述方法包括：
2.根据权利要求1所述的方法，其特征在于，对所述全部节点数据进行分块，得到多个分块数据，包括：
3.根据权利要求2所述的方法，其特征在于，在判断所述全部节点数据的密度是否均匀之后，还包括：
4.根据权利要求1所述的方法，其特征在于，通过所述web worker线程使用预设绘图工具对各所述分块数据进行图形绘制，包括：
5.根据权利要求1所述的方法，其特征在于，通过所述web worker线程使用预设绘图工具对各所述分块数据...
【专利技术属性】
技术研发人员：尚丹宁，
申请(专利权)人：北京优特捷信息技术有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。