图形可视化方法、装置、设备以及计算机存储介质制造方法及图纸

技术编号:37102406 阅读:12 留言:0更新日期:2023-04-01 05:02
本发明专利技术实施例涉及计算机数据处理技术领域,公开了一种图形可视化方法,该方法包括:获取客户端的图形展示界面上的操作事件数据;根据操作事件数据进行渲染事件定位,得到可视化图形数据;将可视化图形数据实时转换为媒体流数据;将媒体流数据返回至客户端。通过上述方式,本发明专利技术实施例提高了图形可视化的效率。本发明专利技术实施例提高了图形可视化的效率。本发明专利技术实施例提高了图形可视化的效率。

【技术实现步骤摘要】
图形可视化方法、装置、设备以及计算机存储介质


[0001]本专利技术实施例涉及计算机数据处理
,具体涉及一种图形可视化方法、装置、设备以及计算机存储介质。

技术介绍

[0002]现有技术中为了实现图形可视化,一般是在客户端如浏览器中完成计算、绘制以及渲染图形。
[0003]专利技术人在实施本专利技术的过程中发现:现有技术方案中的浏览器计算样式、布局、渲染过程,非常依赖客户端的硬件性能,并且计算会占用大量的客户端资源,容易产生页面阻塞、卡顿的现象。对于海量数据的场景,现有技术方案将完全无法适用,由此导致现有技术中的图形可视化的效率较低,用户体验较差。

技术实现思路

[0004]鉴于上述问题,本专利技术实施例提供了一种图形可视化方法、装置、设备以及计算机存储介质,用于解决现有技术中存在的图形可视化的效率较低的问题。
[0005]根据本专利技术实施例的一个方面,提供了一种图形可视化方法,所述方法包括:
[0006]获取客户端的图形展示界面上的操作事件数据;
[0007]根据所述操作事件数据进行渲染事件定位,得到可视化图形数据;
[0008]将所述可视化图形数据实时转换为媒体流数据;
[0009]将所述媒体流数据返回至所述客户端。
[0010]在一种可选的方式中,所述操作事件数据对应于至少一个待渲染图形;所述方法还包括:
[0011]分别确定所述至少一个待渲染图形对应的当前连接数量;
[0012]获取所述待渲染图形对应的渲染程序运行状态;
[0013]根据所述当前连接数量对所述渲染程序运行状态进行更新。
[0014]在一种可选的方式中,所述方法还包括:
[0015]当所述渲染程序运行状态为未运行并且所述当前连接数量大于连接数量阈值时,启动所述待渲染图形对应的渲染程序;
[0016]当所述渲染程序运行状态为已运行并且所述当前连接数量不大于连接数量阈值时,关闭所述待渲染图形对应的渲染程序。
[0017]在一种可选的方式中,所述方法基于一云服务器;所述方法还包括:
[0018]获取所述客户端发送至所述云服务器之间的连接请求;所述连接请求中包括所述待渲染图形的图形标识;
[0019]当确定所述连接请求通过时,对所述待渲染图形对应的当前连接数量加一;
[0020]检测所述客户端的心跳状态;
[0021]当检测到所述客户端心跳断开或者所述连接请求对应的连接断开时,对所述待渲
染图形对应的当前连接数量减一。
[0022]在一种可选的方式中,所述方法还包括:
[0023]当检测到所述图形展示界面上播放有媒体流时,在所述图形展示界面上创建遮罩层;
[0024]确定所述遮罩层的遮罩层尺寸信息;
[0025]监听所述遮罩层上的鼠标事件信息;
[0026]根据所述遮罩层尺寸信息和所述鼠标事件信息确定所述操作事件数据。
[0027]在一种可选的方式中,所述操作事件数据对应于至少一个待渲染图形;所述方法还包括:
[0028]获取所述待渲染图形的图形尺寸信息;
[0029]根据所述图形尺寸信息和所述操作事件数据确定真实事件坐标;
[0030]获取多个渲染元素的元素坐标信息;所述渲染元素为所述待渲染图形对应的渲染程序包含的渲染元素;
[0031]根据所述真实事件坐标和元素坐标信息从所述多个渲染元素中确定目标元素;
[0032]根据所述操作事件数据对所述目标元素进行事件触发,得到所述可视化图形数据。
[0033]在一种可选的实施例中,所述方法还包括:
[0034]将各个所述渲染元素的元素坐标信息分别与所述真实事件坐标进行匹配,将与所述真实事件坐标匹配的所述渲染元素确定为可选元素;
[0035]分别确定各个所述可选元素的z

index值;
[0036]将所述z

index值最大的所述可选元素确定为所述目标元素。
[0037]根据本专利技术实施例的另一方面,提供了一种图形可视化装置,包括:
[0038]获取模块,用于获取客户端的图形展示界面上的操作事件数据;
[0039]渲染模块,用于根据所述操作事件数据进行渲染事件定位,得到可视化图形数据;
[0040]转换模块,用于将所述可视化图形数据实时转换为媒体流数据;
[0041]返回模块,用于将所述媒体流数据返回至所述客户端。
[0042]根据本专利技术实施例的另一方面,提供了一种图形可视化设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;
[0043]所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行如所述的图形可视化方法的操作。
[0044]根据本专利技术实施例的又一方面,提供了一种计算机可读存储介质,所述存储介质中存储有至少一可执行指令,所述可执行指令使图形可视化设备执行如所述的图形可视化方法的操作。
[0045]本专利技术实施例通过获取客户端的图形展示界面上的操作事件数据;根据操作事件数据进行服务器中渲染程序中的对应的渲染事件定位和触发,得到可视化图形数据,由此实现客户端对云端图形的对应交互操作;再将可视化图形数据实时转换为媒体流数据;将媒体流数据返回至客户端,从而使得客户端无需对图形数据进行处理、计算和绘制,直接播放其接收到的媒体流数据即可,从而区别于现有技术中需要在客户端中进行数据的计算和
绘制的低效,本专利技术实施例能够通过云端服务器直接实现客户端的操作事件在云端渲染程序中的渲染元素的事件对应转换,从而在云端计算得到实时的媒体流数据并返回至客户端,不需要客户端自身进行数据处理和绘制,能够提高图形可视化的效率和用户体验。
[0046]上述说明仅是本专利技术实施例技术方案的概述,为了能够更清楚了解本专利技术实施例的技术手段,而可依照说明书的内容予以实施,并且为了让本专利技术实施例的上述和其它目的、特征和优点能够更明显易懂,以下特举本专利技术的具体实施方式。
附图说明
[0047]附图仅用于示出实施方式,而并不认为是对本专利技术的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
[0048]图1示出了本专利技术实施例提供的图形可视化方法的流程示意图;
[0049]图2示出了本专利技术实施例提供的图形可视化方法的系统架构图;
[0050]图3示出了本专利技术实施例提供的图形可视化装置的结构示意图;
[0051]图4示出了本专利技术实施例提供的图形可视化设备的结构示意图。
具体实施方式
[0052]下面将参照附图更详细地描述本专利技术的示例性实施例。虽然附图中显示了本专利技术的示例性实施例,然而应当理解,可以以各种形式实现本专利技术而不应被这里阐述的实施例所限制。
[0053]在进行本专利技术实施例的图形可视化方法的说明之前,对相关名词进行说明:...

【技术保护点】

【技术特征摘要】
1.一种图形可视化方法,其特征在于,所述方法包括:获取客户端的图形展示界面上的操作事件数据;根据所述操作事件数据进行渲染事件定位,得到可视化图形数据;将所述可视化图形数据实时转换为媒体流数据;将所述媒体流数据返回至所述客户端。2.根据权利要求1所述的方法,其特征在于,所述操作事件数据对应于至少一个待渲染图形;在所述根据所述操作事件数据进行渲染事件定位,得到可视化图形数据之前,还包括:分别确定所述至少一个待渲染图形对应的当前连接数量;获取所述待渲染图形对应的渲染程序运行状态;根据所述当前连接数量对所述渲染程序运行状态进行更新。3.根据权利要求2所述的方法,其特征在于,所述根据所述当前连接数量对所述渲染程序运行状态进行更新,包括:当所述渲染程序运行状态为未运行并且所述当前连接数量大于连接数量阈值时,启动所述待渲染图形对应的渲染程序;当所述渲染程序运行状态为已运行并且所述当前连接数量不大于连接数量阈值时,关闭所述待渲染图形对应的渲染程序。4.根据权利要求2所述的方法,其特征在于,所述方法基于一云服务器;所述确定所述至少一个待渲染图形对应的当前连接数量,包括:获取所述客户端发送至所述云服务器之间的连接请求;所述连接请求中包括所述待渲染图形的图形标识;当确定所述连接请求通过时,对所述待渲染图形对应的当前连接数量加一;检测所述客户端的心跳状态;当检测到所述客户端心跳断开或者所述连接请求对应的连接断开时,对所述待渲染图形对应的当前连接数量减一。5.根据权利要求1所述的方法,其特征在于,所述获取所述客户端的操作事件数据,包括:当检测到所述图形展示界面上播放有媒体流时,在所述图形展示界面上创建遮罩层;确定所述遮罩层的遮罩层尺寸信息;监听所述遮罩层上的鼠标事件信息;根据所述遮罩层尺寸信息和所述鼠标事件信息确定所述操作事件数据。6.根据权利要求1所述的方法,其特征在于,所述操作事件数据对应于至少一个待渲染图形...

【专利技术属性】
技术研发人员:王一之
申请(专利权)人:中国移动通信集团有限公司
类型:发明
国别省市:

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

1