CN110782518A - 一种图形显示方法、装置、计算机设备及存储介质 - Google Patents
一种图形显示方法、装置、计算机设备及存储介质 Download PDFInfo
- Publication number
- CN110782518A CN110782518A CN201910816772.5A CN201910816772A CN110782518A CN 110782518 A CN110782518 A CN 110782518A CN 201910816772 A CN201910816772 A CN 201910816772A CN 110782518 A CN110782518 A CN 110782518A
- Authority
- CN
- China
- Prior art keywords
- graph
- target graph
- target
- transparency
- map
- 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.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
- G06T15/10—Geometric effects
Landscapes
- Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Geometry (AREA)
- Computer Graphics (AREA)
- General Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明提供了一种图形显示方法、装置、计算机设备及存储介质,通过接收用户对显示在地图中的图形的选择指令;依据选择指令,确定用户选择的目标图形;获取目标图形的目标图形标识,并依据目标图形标识,将图形标识不同于目标图形标识的图形确定为非目标图形;调整显示在地图中的所述目标图形的透明度低于非目标图形的透明度。由于本发明中调整显示在地图中的目标图形的透明度低于非目标图形的透明度,从而使得非目标图形的透明度高于目标图形的透明度,从而在非目标图形对目标图形存在遮挡的情形下,降低非目标图形对目标图形的遮挡程度,使得目标图形完全显示,从而改善被选中图形的显示效果,提高用户体验。
Description
技术领域
本发明涉及图像处理技术领域,更具体的说,是涉及一种图形显示方法、装置、计算机设备及存储介质。
背景技术
数据可视化指的是利用计算机图形学或图像处理技术,将数据转换成特定形状的图形,并在屏幕上显示出来。目前为了实现某种目的,通常会对各种类型的数据进行统计,得到各种类型的统计数据,例如统计一个地区的人口数量或消费能力等,为了凸显出统计数据与地理位置的关系,通常将统计数据进行可视化处理,转换成特定形状的图形并显示在地图上,从而用户可以在地图中直观看到利用特定形状的图形表示的统计数据。
由于统计数据往往数据量比较大,在利用特定形状的图形,将大数据量的统计数据显示在地图中之后,图形之间不免会存在互相压盖的情况,尤其在三维地图中,立体图形的遮挡情况会比较明显,导致图形之间由于互相遮挡的原因,导致图形显示不完全,从而造成图形显示效果不佳,使得用户无法在地图中直观看到图形实际所处的地理位置,因此,如何改善被选中图形的显示效果,成为目前需要解决的技术问题。
发明内容
有鉴于此,本发明提供了一种图形显示方法、装置、计算机设备及存储介质,以克服现有技术中图形显示效果不佳,用户无法在地图中直观看到图形实际所处的地理位置的问题。
为实现上述目的,本发明提供如下技术方案:
一方面,本申请提供了一种图形显示方法,包括:
接收用户对显示在地图中的图形的选择指令;
依据所述选择指令,确定用户选择的目标图形;
获取所述目标图形的目标图形标识,并依据所述目标图形标识,将图形标识不同于所述目标图形标识的图形确定为非目标图形;
调整显示在地图中的所述目标图形的透明度低于非目标图形的透明度。
又一方面,本申请还提供了一种图形显示装置,包括:
选择指令接收单元,用于接收用户对显示在地图中的图形的选择指令;
目标图形确定单元,用于依据所述选择指令,确定用户选择的目标图形;
非目标图形确定单元,用于获取所述目标图形的目标图形标识,并依据所述目标图形标识,将图形标识不同于所述目标图形标识的图形确定为非目标图形;
透明度调整单元,用于调整显示在地图中的所述目标图形的透明度低于非目标图形的透明度。
又一方面,本申请还提供了一种计算机设备,包括:
处理器和存储器;
所述处理器,用于调用并执行所述存储器中存储的程序;
所述存储器用于存储所述程序,所述程序至少用于:
接收用户对显示在地图中的图形的选择指令;
依据所述选择指令,确定用户选择的目标图形;
获取所述目标图形的目标图形标识,并依据所述目标图形标识,将图形标识不同于所述目标图形标识的图形确定为非目标图形;
调整显示在地图中的所述目标图形的透明度低于非目标图形的透明度。
又一方面,本申请还提供了一种存储介质,所述存储介质中存储有计算机可执行指令,所述计算机可执行指令被处理器加载并执行时,实现如上所述的图形显示方法。
经由上述的技术方案可知,与现有技术相比,本发明提供了一种图形显示方法、装置、计算机设备及存储介质,通过接收用户对显示在地图中的图形的选择指令;依据所述选择指令,确定用户选择的目标图形;获取所述目标图形的目标图形标识,并依据所述目标图形标识,将图形标识不同于所述目标图形标识的图形确定为非目标图形;调整显示在地图中的所述目标图形的透明度低于非目标图形的透明度。由于本发明中调整显示在地图中的目标图形的透明度低于非目标图形的透明度,从而使得非目标图形的透明度高于目标图形的透明度,从而在非目标图形对目标图形存在遮挡的情形下,降低非目标图形对目标图形的遮挡程度,使得目标图形完全显示,从而改善被选中图形的显示效果,提高用户体验。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据提供的附图获得其他的附图。
图1为本发明实施例提供的一种柱状图形可视化效果示意图;
图2为本发明实施例提供的计算机设备的一种组成结构示意图;
图3为本发明实施例提供的一种图形显示方法的流程图;
图4为透明度调整之前一种柱状图形可视化效果示意图;
图5为透明度调整之后一种柱状图形可视化效果示意图;
图6为本发明实施例提供的另一种图形显示方法的流程图;
图7为本发明实施例提供的另一种图形显示方法的流程图;
图8为本发明实施例提供的一种图形显示装置的组成结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
目前为了实现某种目的,通常会对各种类型的数据进行统计,得到各种类型的统计数据,并且为了凸显出统计数据与地理位置的关系,通常将统计数据进行可视化处理,转换成特定形状的图形并显示在地图上,从而用户可以在地图中直观看到利用特定形状的图形表示的统计数据。例如:人口、消费能力等统计数据,可以采用柱状图的形式在地图中显示出来,进而在地图中显示出不同地理位置的人口数据或消费能力数据。
由于统计数据往往数据量比较大,数据量少则几万多则成百上千万,在利用特定形状的图形,将大数据量的统计数据显示在地图中之后,图形之间不免会存在互相压盖的情况,尤其在三维地图中,立体图形的遮挡情况会比较明显。以图1所示的地图中展示的柱状图形为例,当在三维俯视地图时,柱状图由于高地远近关系,前面的一根柱子可能会挡住后面一根柱子百分之95的区域,导致有些图形可能只有一小部分暴露在视野中。
由于图形之间由于互相遮挡的原因,导致某一个位置的像素点出现重叠的现象,而像素点出现重叠的位置只能显现出深度值最小的像素点的信息,而该位置上其他像素点的信息则不能显示出来,导致被遮挡的图形显示不完全,从而造成图形显示效果不佳,使得用户无法在地图中直观看到图形实际所处的地理位置。
用户为了对统计数据进行处理,需要了解统计数据实际所处的地理位置,目前,用户为了获悉统计数据实际所处的地理位置,采用对地图中的图形进行拾取的操作,具体为通过鼠标在地图中点击某一图形或通过鼠标移动到某一图形上时,触发对图形的选中操作,被选中图形的颜色进行高亮显示,当用户再次点击地图上没有图形的的区域时,先前被选中的图形恢复原有颜色。而如果地图中图形之间存在互相遮挡的情况下,被遮挡的图形显示不完全,即使选中被遮挡的图像,调整被遮挡图形的亮度,使被遮挡的图形的颜色进行高亮显示,但被遮挡图形的遮挡部位处的像素点也只能显现出深度值最小的像素点的信息,即从三维显示效果方面看,被遮挡图形的遮挡部位处只能显示出视觉上距离用户最近的图形的像素点的信息,而被遮挡的图形的遮挡部位的像素点则无法显示,进而,被遮挡的图形的遮挡部位还是无法显示出来,导致用户无法准确了解到图形实际所处的地理位置。以三维柱状图为例,由于前方柱子会遮挡后方柱子的部分区域,当选中后方柱子时,被选中柱子底下的地图空间位置同样会被前面柱子遮盖住,造成用户无法感知被选中柱子的所在位置,进而会影响到统计数据处理结果的准确性。
为消除对统计数据处理结果准确性的影响,在非目标图形对目标图形存在遮挡的情形下,需要消除非目标图形对目标图形的视觉影响,降低非目标图形对目标图形的遮挡程度,使得目标图形完全显示出来,明确目标图形所在的地理位置。本方案发明人经研究提出了如下一种图形显示方法,通过接收用户对显示在地图中的图形的选择指令;依据所述选择指令,确定用户选择的目标图形;获取所述目标图形的目标图形标识,并依据所述目标图形标识,将图形标识不同于所述目标图形标识的图形确定为非目标图形;调整显示在地图中的所述目标图形的透明度低于非目标图形的透明度。由于本发明中调整显示在地图中的目标图形的透明度低于非目标图形的透明度,从而使得非目标图形的透明度高于目标图形的透明度,从而在非目标图形对目标图形存在遮挡的情形下,降低非目标图形对目标图形的遮挡程度,使得目标图形完全显示,从而改善被选中图形的显示效果,提高用户体验,从而不对统计数据处理结果的准确性造成影响。
本申请实施例的图形显示方法可以应用于计算机设备,该计算机设备具体可以为终端10或服务器20。如图2所示,其示出了本申请的方案所适用的计算机设备的一种组成结构示意图。在图2中,该计算机设备可以包括:处理器101和存储器102。
该服务器100还可以包括:通信接口103、输入单元104和显示器105和通信总线106。
处理器101、存储器102、通信接口103、输入单元104、显示器105、均通过通信总线106完成相互间的通信。
在本申请实施例中,该处理器101,可以为中央处理器(Central ProcessingUnit,CPU),现成可编程门阵列(FPGA)或者其他可编程逻辑器件等。
该处理器可以调用存储器102中存储的程序,具体的,可以处理器可以执行以下方法实施例中终端侧所执行的操作。
存储器102中用于存放一个或者一个以上程序,程序可以包括程序代码,所述程序代码包括计算机操作指令,在本申请实施例中,该存储器中至少存储有用于实现以下功能的程序:
接收用户对显示在地图中的图形的选择指令;
依据所述选择指令,确定用户选择的目标图形;
获取所述目标图形的目标图形标识,并依据所述目标图形标识,将图形标识不同于所述目标图形标识的图形确定为非目标图形;
调整显示在地图中的所述目标图形的透明度低于非目标图形的透明度。
如图3所示,其示出了本申请一种图形显示方法一个实施例的流程示意图,本实施例主要以该方法应用于计算机设备来举例说明,该计算机设备可以是终端10或服务器20。参照图3,该图形显示方法具体包括如下步骤:
S100、接收用户对显示在地图中的图形的选择指令;
显示在地图中的图形表示了各种类型的统计数据的统计值,例如可以采用柱体图形(可包括圆柱体图形或四方柱体图形等)显示在地图中,柱体图形可以采用不同的颜色来区分不同种类的统计数据,柱体图形还可以采用不同的高度值或宽度值来区分统计数据的数据量多少。
用户可以对地图进行各种操作,如平移、旋转、缩放等,不同的操作能够看到图形展示的宏观结果,当用户需要看到某一个图形时,如某一个柱状图的具体信息时,可以点击地图中的某一个柱子,从而触发对显示在地图中的图形的选择指令。
本申请实施例中主要采用WebGL方案将图形可视化在地图中,可视化渲染引擎封装WebGL底层接口,屏蔽WebGL多个版本之间的差异,让上层的使用方式统一起来,可以根据浏览器的具体支持的版本等因素综合性能和可用性使用最高效的WebGL底层接口与浏览器进行通信,避免上层繁杂的适配工作和调试工作。
本申请实施例中公开的将图形可视化在地图中的具体方式可以为:首先通过数据处理模块将各种类型的统计数据,使用不同的算法进行处理,确定各种类型的统计数据各自对应的地理位置的坐标,然后依据各种类型的统计数据各自对应的地理位置的坐标,将各种类型的统计数据转换成图形,并通过渲染策略模块将图形渲染在相应地理位置坐标处。
本申请实施例还可以根据不同的业务场景以及统计数据的数据量,综合性能可用性,采用高效的渲染策略,利用渲染引擎封装的接口,将各种类型的统计数据对应的图形显示在地图中,提高图形渲染的效率。并且可以根据图形的渲染效果,灵活使用底层接口来实现不同图形显示效果的表达,封装公共接口对外提供给用户使用,使得用户可以利用公共接口实现图形的渲染。
本申请中的逻辑模块可以将内部的渲染策略模块和数据处理模块组合封装,提供接口供用户使用。
用户可以通过鼠标在地图中某一点进行点击的方式或将鼠标移动到地图中某一点的方式,来触发对显示在地图中的图形的选择指令。
S110、依据所述选择指令,确定用户选择的目标图形;
需要说明的是,本申请实施例中依据所述选择指令,确定用户选择的目标图形的过程可以为:确定用户在地图中触发的触发点位置处的像素点坐标;将所述触发点位置处的像素点坐标与显示在地图中的各图形的像素点坐标范围进行匹配;在所述触发点位置处的像素点坐标匹配到唯一一个图形的情况下,则将匹配到的该图形作为目标图形;在所述触发点位置处的像素点坐标匹配到至少两个图形的情况下,则获取匹配到的各个图形的深度值;依据匹配到的各个图形的深度值,选取深度值最小的图形,作为目标图形。
由于每个图形都对应一个像素点坐标范围集,像素点坐标范围集中的像素点为图形中所有像素点的坐标值,本申请实施例可以将用户在地图中触发的触发点位置处的像素点坐标与各个图形对应的像素点坐标范围集中的像素点坐标进行比对,判断用户在地图中触发的触发点位置处的像素点坐标位于哪个像素点坐标范围集中,从而确定出用户在地图中触发的触发点位于地图中的哪个图形中。
如果用户在地图中触发的触发点位于地图中的一个图形中,则将匹配到的该图形作为目标图形;如果用户在地图中触发的触发点位于地图中的至少两个图形中,则说明用户触发的触发点的位置存在图形的叠加,此时则需要获取匹配到的各个图形的深度值,深度值表示了在三维地图空间中,在用户的视角来看,图形距离用户的远近;深度值越小,表明在三维地图空间中,在用户的视角来看,图形距离用户越近;深度值越大,表明在三维地图空间中,在用户的视角来看,图形距离用户越远。因此,本申请可以依据匹配到的各个图形的深度值,选取深度值最小的图形,作为目标图形,即选取距离用户最近的图形作为目标图形。
S120、获取所述目标图形的目标图形标识,并依据所述目标图形标识,将图形标识不同于所述目标图形标识的图形确定为非目标图形;
需要说明的是,图形标识是能够唯一标识一个图形的标识,目标图形的目标图形标识能够唯一标识目标图形。本申请实施例中可以将图形标识不同于所述目标图形标识的图形确定为非目标图形。
可选的,图形标识可以为颜色标识,本申请实施例中在图形显示的过程中,可以为每一个图形分配一个唯一的颜色标识,并将该颜色标识与图形的对应关系存储到图形处理器中,然后创建一个离屏的与屏幕显示区域大小相同的帧缓存framebuffer,然后将每个图形的颜色标识写入到离屏的帧缓存framebuffer中。从而在图形显示的过程中,使用WebGL底层的readPixels方法,从帧缓存framebuffer中读取图形中每个像素点的颜色标识,然后对读取的每个像素点的颜色标识进行解码,在地图中相应位置处显示该图形。本方案使用到的底层技术是WebGL,对于一些跟硬件集成的竖屏展示方面,可以考虑使用Unity和Ue4等引擎来展示该图形。
S130、调整显示在地图中的所述目标图形的透明度低于非目标图形的透明度。
进一步的,为了节省系统运算量,本申请可以在确定出目标图形存在被遮挡的情形下,调整显示在地图中的所述目标图形的透明度低于非目标图形的透明度。
具体是通过确定目标图形所在的区域范围内是否存在像素点重叠的现象;如果所述目标图形所在的区域范围内存在像素点重叠的现象,则确定所述目标图形存在被遮挡的情形;如果所述目标图形所在的区域范围内不存在像素点重叠的现象,则确定所述目标图形不存在被遮挡的情形。
可选的,本申请主要是对目标图形所在区域范围内的每个坐标点位置处的像素点的数量进行检测,在某一坐标点位置处的像素点的个数为至少两个的情况下,则判定该坐标点位置处存在像素点重叠的现象,进而确定所述目标图形存在被遮挡的情形;在某一坐标点位置处的像素点的个数为一个的情况下,则判定该坐标点位置处不存在像素点重叠的现象,进而确定所述目标图形不存在被遮挡的情形。
如图4所示为透明度调整之前地图中图形的显示状况,图4中用户选中梅家沟对应的图形之后,由于梅家沟对应的图形靠后,图形所在的空间位置被遮挡住,用户即使选中了这个图形也无法知道该图形的空间位置。而选择本申请技术方案,在用户选择目标图形之后,获取目标图形的目标图形标识,如梅家沟对应的图形,将图形标识不同于所述目标图形标识的图形确定为非目标图形,除了梅家沟对应的图形之外,其余图形都为非目标图形,调整显示在地图中的目标图形梅家沟的透明度低于非目标图形的透明度,得到如图5所示的显示效果,通过整体降低非目标图形的透明度,使得梅家沟对应的图形下方的地图能够透过上方覆盖图形而显示出来,这样能够看到梅家沟对应的图形所在的空间位置,增强空间位置关联性。
由于本发明中调整显示在地图中的目标图形的透明度低于非目标图形的透明度,从而使得非目标图形的透明度高于目标图形的透明度,从而在非目标图形对目标图形存在遮挡的情形下,降低非目标图形对目标图形的遮挡程度,使得目标图形完全显示,从而改善被选中图形的显示效果,提高用户体验。
为了降低非目标图形对目标图形的遮挡程度,如图6所示,其示出了本申请一种图形显示方法的另一个实施例的流程示意图,本实施例中详细说明了调整显示在地图中的所述目标图形的透明度低于非目标图形的透明度的具体方式,本实施例主要以该方法应用于计算机设备来举例说明,该计算机设备可以是终端10或服务器20。参照图6,该图形显示方法具体包括如下步骤:
S200、接收用户对显示在地图中的图形的选择指令;
S210、依据所述选择指令,确定用户选择的目标图形;
S220、获取所述目标图形的目标图形标识,并依据所述目标图形标识,将图形标识不同于所述目标图形标识的图形确定为非目标图形;
需要说明的是,本实施例中的步骤S200-步骤S220与上一实施例中的步骤S100-步骤S120相对应,具体详细内容请参照上述实施例的步骤S100-步骤S120,本实施例不再详细赘述。
S230、将所述目标图形的各像素点的透明度值降低或将所述目标图形的各像素点的不透明度值提高,使所述目标图形的透明度低于非目标图形的透明度。
本申请实施例是通过调整目标图形的透明度值或非透明度值,具体是将目标图形的各像素点的透明度值降低或将目标图形的各像素点的不透明度值提高,透明度值降低之后,目标图形在显示效果方面来看越不透明;相应的,不透明度值提高之后,目标图形在显示效果方面来看也是越不透明,从而目标图形与非目标图形相比,目标图形的透明度低于非目标图形的透明度,即在显示效果方面来看,非目标图形比目标图形更加透明,从而在非目标图形对目标图形存在遮挡的情形下,降低非目标图形对目标图形的遮挡程度,使得用户可以透过非目标图形看到被目标图形中被非目标图形遮挡的部分,进而降低非目标图形对目标图形的视觉影响,使得目标图形完全显示,从而改善被选中图形的显示效果,提高用户体验。
需要说明的是,本申请实施例中将所述目标图形的各像素点的透明度值降低或将所述目标图形的各像素点的不透明度值提高采用的具体方式为:调整目标图形对应的所有像素点的色彩空间中的alpha通道,由于alpha通道用作不透明度参数,如果一个像素的alpha通道数值为0%,那它就是完全透明的(也就是看不见的),而数值为100%则意味着一个完全不透明的像素。具体通过提高alpha通道数值的方式,来将目标图形的各像素点的透明度值降低或将目标图形的各像素点的不透明度值提高。
需要说明的是,本申请中可以在用户对显示在地图中的图形触发选择之后,直接将目标图形的各像素点的透明度值降低到第一预设透明度阈值,或将目标图形的各像素点不透明度值提高到第一预设不透明度阈值,并直接在地图中显示调整后的结果。第一预设透明度阈值与第一预设不透明度阈值可以由本领域技术人员依据实际情况而设定,本申请并不做具体限定。
另外,本申请实施例中为了消除直接在地图中显示调整后的结果的方式中产生的视觉突兀现象,还可以采取渐变显示的方式,将目标图形的各像素点的透明度逐渐降低,具体方式为:
确定用户在地图中对显示在地图中的图形触发选择指令的触发时间;
以所述触发时间为基准,按照预先设置的目标图形透明度值降低周期,周期性降低所述目标图形的各像素点的透明度值,使所述目标图形的透明度低于非目标图形的透明度;目标图形透明度值降低周期可以由本领域技术人员依据实际情况而设定,本申请并不做具体限定。
在触发时间之后,每到一个预设目标图形透明度值降低周期,则将目标图形的各像素点的透明度值降低第一预设数值,使所述目标图形的透明度逐渐降低,直到目标图形的透明度降低到第一预设标准透明度数值,或者到达预设时间为止,第一预设数值以及第一预设标准透明度数值可以由本领域技术人员依据实际情况而设定,本申请并不做具体限定,并且,预设时间可以由本领域技术人员依据实际情况而设定,本申请并不做具体限定。
经过上述调整方式,使得目标图形的透明度逐渐低于非目标图形的透明度,相对于目标图形来说,非目标图形的透明度逐渐提高,非目标图形比目标图形逐渐变得更加透明,从而在非目标图形对目标图形存在遮挡的情形下,逐渐降低非目标图形对目标图形的遮挡程度,使得用户可以透过非目标图形逐渐看到被目标图形中被非目标图形遮挡的部分,进而降低非目标图形对目标图形的视觉影响,使得目标图形完全显示,从而改善被选中图形的显示效果,提高用户体验。
或;
以所述触发时间为基准,按照预先设置的目标图形不透明度值提高周期,周期性提高所述目标图形的各像素点的不透明度值,使所述目标图形的透明度低于非目标图形的透明度。目标图形不透明度值提高周期可以由本领域技术人员依据实际情况而设定,本申请并不做具体限定。
在触发时间之后,每到一个预设目标图形不透明度值提高周期,则将目标图形的各像素点的不透明度值提高第二预设数值,使所述目标图形的不透明度逐渐提高,直到目标图形的不透明度提高到第一预设标准不透明度数值,或者到达预设时间为止,第二预设数值以及第一预设标准不透明度数值可以由本领域技术人员依据实际情况而设定,本申请并不做具体限定,预设时间可以由本领域技术人员依据实际情况而设定,本申请并不做具体限定。
经过上述调整方式,使得目标图形的不透明度逐渐高于非目标图形的不透明度,相对于目标图形来说,非目标图形的透明度逐渐提高,非目标图形比目标图形逐渐变得更加透明,从而在非目标图形对目标图形存在遮挡的情形下,逐渐降低非目标图形对目标图形的遮挡程度,使得用户可以透过非目标图形逐渐看到被目标图形中被非目标图形遮挡的部分,进而降低非目标图形对目标图形的视觉影响,使得目标图形完全显示,从而改善被选中图形的显示效果,提高用户体验。
进一步的,为了降低非目标图形对目标图形的遮挡程度,如图7所示,其示出了本申请一种图形显示方法的另一个实施例的流程示意图,本实施例中详细说明了调整显示在地图中的所述目标图形的透明度低于非目标图形的透明度的具体方式,本实施例主要以该方法应用于计算机设备来举例说明,该计算机设备可以是终端10或服务器20。参照图7,该图形显示方法具体包括如下步骤:
S300、接收用户对显示在地图中的图形的选择指令;
S310、依据所述选择指令,确定用户选择的目标图形;
S320、获取所述目标图形的目标图形标识,并依据所述目标图形标识,将图形标识不同于所述目标图形标识的图形确定为非目标图形;
需要说明的是,本实施例中的步骤S300-步骤S320与上一实施例中的步骤S100-步骤S120相对应,具体详细内容请参照上述实施例的步骤S100-步骤S120,本实施例不再详细赘述。
S330、将所述非目标图形的各像素点的透明度值提高或将所述非目标图形的各像素点的不透明度值降低,使所述目标图形的透明度低于非目标图形的透明度。
本实施例主要是通过对非目标图形的各像素点的透明度值或不透明度值进行调整的方式,来使所述目标图形的透明度低于非目标图形的透明度。具体是将所述非目标图形的各像素点的透明度值提高或将所述非目标图形的各像素点的不透明度值降低,非目标图形的各像素点的透明度值提高之后,非目标图形在显示效果方面来看越透明;相应的,非目标图形的各像素点的不透明度值降低之后,非目标图形在显示效果方面来看也是越透明,从而目标图形与非目标图形相比,目标图形的透明度低于非目标图形的透明度,即在显示效果方面来看,非目标图形比目标图形更加透明,从而在非目标图形对目标图形存在遮挡的情形下,降低非目标图形对目标图形的遮挡程度,使得用户可以透过非目标图形看到被目标图形中被非目标图形遮挡的部分,进而降低非目标图形对目标图形的视觉影响,使得目标图形完全显示,从而改善被选中图形的显示效果,提高用户体验。
需要说明的是,本申请实施例中将非目标图形的各像素点的透明度值提高或将所述非目标图形的各像素点的不透明度值降低采用的具体方式为:调整非目标图形对应的所有像素点的色彩空间中的alpha通道,由于alpha通道用作不透明度参数,如果一个像素的alpha通道数值为0%,那它就是完全透明的(也就是看不见的),而数值为100%则意味着一个完全不透明的像素。具体通过降低alpha通道数值的方式,来将非目标图形的各像素点的透明度值提高或不透明度值降低。
需要说明的是,本申请中可以在用户对显示在地图中的图形触发选择之后,直接将非目标图形的各像素点的透明度值提高到第二预设透明度阈值或将所述非目标图形的各像素点的不透明度值降低到第二预设不透明度阈值,并直接在地图中显示调整后的结果。第二预设透明度阈值与第二预设不透明度阈值可以由本领域技术人员依据实际情况而设定,本申请并不做具体限定。
另外,本申请实施例中为了消除直接在地图中显示调整后的结果的方式中产生的视觉突兀现象,还可以采取渐变显示的方式,将非目标图形的各像素点的透明度逐渐提高,具体方式为:
确定用户在地图中对显示在地图中的图形触发选择指令的触发时间;
以所述触发时间为基准,按照预先设置的非目标图形透明度值提高周期,周期性提高所述非目标图形的各像素点的透明度值,使所述目标图形的透明度低于非目标图形的透明度;非目标图形透明度值提高周期可以由本领域技术人员依据实际情况而设定,本申请并不做具体限定。
在触发时间之后,每到一个预置非目标图形透明度值提高周期,则将非目标图形透明度值提高第三预设数值,使所述非目标图形的透明度逐渐提高,直到非目标图形的透明度提高到第二预设标准透明度数值,或者到达预设时间为止,第三预设数值以及第二预设标准透明度数值可以由本领域技术人员依据实际情况而设定,本申请并不做具体限定,并且,预设时间可以由本领域技术人员依据实际情况而设定,本申请并不做具体限定。
经过上述调整方式,使得非目标图形的透明度逐渐高于目标图形,相对于非目标图形来说,目标图形的透明度逐渐降低,非目标图形比目标图形逐渐变得更加透明,从而在非目标图形对目标图形存在遮挡的情形下,逐渐降低非目标图形对目标图形的遮挡程度,使得用户可以透过非目标图形逐渐看到被目标图形中被非目标图形遮挡的部分,进而降低非目标图形对目标图形的视觉影响,使得目标图形完全显示,从而改善被选中图形的显示效果,提高用户体验。
或;
以所述触发时间为基准,按照预先设置的非目标图形不透明度值降低周期,周期性降低所述非目标图形的各像素点的不透明度值,使所述目标图形的透明度低于非目标图形的透明度。非目标图形不透明度值降低周期可以由本领域技术人员依据实际情况而设定,本申请并不做具体限定。
在触发时间之后,每到一个预设非目标图形不透明度值降低周期,则将非目标图形的各像素点的不透明度值降低第四预设值,使所述非目标图形的不透明度逐渐降低,直到非目标图形的不透明度值降低到第二预设标准不透明度数值,或者到达预设时间为止,第四预设值以及第二预设标准不透明度数值可以由本领域技术人员依据实际情况而设定,本申请并不做具体限定,预设时间可以由本领域技术人员依据实际情况而设定,本申请并不做具体限定。
经过上述调整方式,使得非目标图形的不透明度逐渐低于目标图形的不透明度,相对于非目标图形来说,目标图形的透明度逐渐降低,非目标图形比目标图形逐渐变得更加透明,从而在非目标图形对目标图形存在遮挡的情形下,逐渐降低非目标图形对目标图形的遮挡程度,使得用户可以透过非目标图形逐渐看到被目标图形中被非目标图形遮挡的部分,进而降低非目标图形对目标图形的视觉影响,使得目标图形完全显示,从而改善被选中图形的显示效果,提高用户体验。
对应本申请的一种图形显示方法,本申请还提供了一种图形显示装置。如图8所示,其示出了本申请一种图形显示装置的一种组成结构示意图,该装置可以包括:
选择指令接收单元100,用于接收用户对显示在地图中的图形的选择指令;
目标图形确定单元110,用于依据所述选择指令,确定用户选择的目标图形;
非目标图形确定单元120,用于获取所述目标图形的目标图形标识,并依据所述目标图形标识,将图形标识不同于所述目标图形标识的图形确定为非目标图形;
透明度调整单元130,用于调整显示在地图中的所述目标图形的透明度低于非目标图形的透明度。
可选的,目标图形确定单元包括:
像素点坐标确定单元,用于确定用户在地图中触发的触发点位置处的像素点坐标;
匹配单元,用于将所述触发点位置处的像素点坐标与显示在地图中的各图形的像素点坐标范围进行匹配;
第一目标图形确定子单元,用于在所述触发点位置处的像素点坐标匹配到唯一一个图形的情况下,则将匹配到的该图形作为目标图形;
深度值获取单元,用于在所述触发点位置处的像素点坐标匹配到至少两个图形的情况下,则获取匹配到的各个图形的深度值;
第二目标图形确定子单元,用于依据匹配到的各个图形的深度值,选取深度值最小的图形,作为目标图形。
可选的,透明度调整单元包括:
第一透明度调整子单元,用于在确定出目标图形存在被遮挡的情形下,调整显示在地图中的所述目标图形的透明度低于非目标图形的透明度。
本申请实施例中的图形显示装置还包括:遮挡状况确定单元,用于确定目标图形是否存在被遮挡,遮挡状况确定单元包括:
重叠现象确定单元,用于确定目标图形所在的区域范围内是否存在像素点重叠的现象;
第一遮挡状况确定子单元,用于如果所述目标图形所在的区域范围内存在像素点重叠的现象,则确定所述目标图形存在被遮挡的情形;
第二遮挡状况确定子单元,用于如果所述目标图形所在的区域范围内不存在像素点重叠的现象,则确定所述目标图形不存在被遮挡的情形。
可选的,透明度调整单元包括:
第二透明度调整子单元,用于将所述目标图形的各像素点的透明度值降低或将所述目标图形的各像素点的不透明度值提高,使所述目标图形的透明度低于非目标图形的透明度;
和/或;
第三透明度调整子单元,用于将所述非目标图形的各像素点的透明度值提高或将所述非目标图形的各像素点的不透明度值降低,使所述目标图形的透明度低于非目标图形的透明度。
可选的,所述第二透明度调整子单元具体用于:
确定用户在地图中对显示在地图中的图形触发选择指令的触发时间;
以所述触发时间为基准,按照预先设置的目标图形透明度值降低周期,周期性降低所述目标图形的各像素点的透明度值,使所述目标图形的透明度低于非目标图形的透明度;
或;
以所述触发时间为基准,按照预先设置的目标图形不透明度值提高周期,周期性提高所述目标图形的各像素点的不透明度值,使所述目标图形的透明度低于非目标图形的透明度。
可选的,所述第三透明度调整子单元具体用于:
确定用户在地图中对显示在地图中的图形触发选择指令的触发时间;
以所述触发时间为基准,按照预先设置的非目标图形透明度值提高周期,周期性提高所述非目标图形的各像素点的透明度值,使所述目标图形的透明度低于非目标图形的透明度;
或;
以所述触发时间为基准,按照预先设置的非目标图形不透明度值降低周期,周期性降低所述非目标图形的各像素点的不透明度值,使所述目标图形的透明度低于非目标图形的透明度。
另一方面,本申请还提供了一种存储介质,所述存储介质中存储有计算机可执行指令,所述计算机可执行指令被处理器加载并执行时,实现如上所述的图形显示方法。
本发明提供了一种图形显示方法、装置、计算机设备及存储介质,通过接收用户对显示在地图中的图形的选择指令;依据所述选择指令,确定用户选择的目标图形;获取所述目标图形的目标图形标识,并依据所述目标图形标识,将图形标识不同于所述目标图形标识的图形确定为非目标图形;调整显示在地图中的所述目标图形的透明度低于非目标图形的透明度。由于本发明中调整显示在地图中的目标图形的透明度低于非目标图形的透明度,从而使得非目标图形的透明度高于目标图形的透明度,从而在非目标图形对目标图形存在遮挡的情形下,降低非目标图形对目标图形的遮挡程度,使得目标图形完全显示,从而改善被选中图形的显示效果,提高用户体验。
本说明书中各个实施例采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似部分互相参见即可。对于实施例公开的装置而言,由于其与实施例公开的方法相对应,所以描述的比较简单,相关之处参见方法部分说明即可。
专业人员还可以进一步意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、计算机软件或者二者的结合来实现,为了清楚地说明硬件和软件的可互换性,在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本发明的范围。
结合本文中所公开的实施例描述的方法或算法的步骤可以直接用硬件、处理器执行的软件模块,或者二者的结合来实施。软件模块可以置于随机存储器(RAM)、内存、只读存储器(ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、可移动磁盘、CD-ROM、或技术领域内所公知的任意其它形式的存储介质中。
对所公开的实施例的上述说明,使本领域专业技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的,本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下,在其它实施例中实现。因此,本发明将不会被限制于本文所示的这些实施例,而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。
Claims (10)
1.一种图形显示方法,其特征在于,所述方法包括:
接收用户对显示在地图中的图形的选择指令;
依据所述选择指令,确定用户选择的目标图形;
获取所述目标图形的目标图形标识,并依据所述目标图形标识,将图形标识不同于所述目标图形标识的图形确定为非目标图形;
调整显示在地图中的所述目标图形的透明度低于非目标图形的透明度。
2.根据权利要求1所述的方法,其特征在于,所述依据所述选择指令,确定用户选择的目标图形的过程包括:
确定用户在地图中触发的触发点位置处的像素点坐标;
将所述触发点位置处的像素点坐标与显示在地图中的各图形的像素点坐标范围进行匹配;
在所述触发点位置处的像素点坐标匹配到唯一一个图形的情况下,则将匹配到的该图形作为目标图形;
在所述触发点位置处的像素点坐标匹配到至少两个图形的情况下,则获取匹配到的各个图形的深度值;
依据匹配到的各个图形的深度值,选取深度值最小的图形,作为目标图形。
3.根据权利要求1所述的方法,其特征在于,所述调整显示在地图中的所述目标图形的透明度低于非目标图形的透明度的过程包括:
在确定出目标图形存在被遮挡的情形下,调整显示在地图中的所述目标图形的透明度低于非目标图形的透明度。
4.根据权利要求3所述的方法,其特征在于,所述确定目标图形是否存在被遮挡的过程包括:
确定目标图形所在的区域范围内是否存在像素点重叠的现象;
如果所述目标图形所在的区域范围内存在像素点重叠的现象,则确定所述目标图形存在被遮挡的情形;
如果所述目标图形所在的区域范围内不存在像素点重叠的现象,则确定所述目标图形不存在被遮挡的情形。
5.根据权利要求1所述的方法,其特征在于,所述调整显示在地图中的所述目标图形的透明度低于非目标图形的透明度的过程包括:
将所述目标图形的各像素点的透明度值降低或将所述目标图形的各像素点的不透明度值提高,使所述目标图形的透明度低于非目标图形的透明度;
和/或;
将所述非目标图形的各像素点的透明度值提高或将所述非目标图形的各像素点的不透明度值降低,使所述目标图形的透明度低于非目标图形的透明度。
6.根据权利要求5所述的方法,其特征在于,所述将所述目标图形的各像素点的透明度值降低或将所述目标图形的各像素点的不透明度值提高,使所述目标图形的透明度低于非目标图形的透明度的过程包括:
确定用户在地图中对显示在地图中的图形触发选择指令的触发时间;
以所述触发时间为基准,按照预先设置的目标图形透明度值降低周期,周期性降低所述目标图形的各像素点的透明度值,使所述目标图形的透明度低于非目标图形的透明度;
或;
以所述触发时间为基准,按照预先设置的目标图形不透明度值提高周期,周期性提高所述目标图形的各像素点的不透明度值,使所述目标图形的透明度低于非目标图形的透明度。
7.根据权利要求5所述的方法,其特征在于,将所述非目标图形的各像素点的透明度值提高或将所述非目标图形的各像素点的不透明度值降低,使所述目标图形的透明度低于非目标图形的透明度的过程包括:
确定用户在地图中对显示在地图中的图形触发选择指令的触发时间;
以所述触发时间为基准,按照预先设置的非目标图形透明度值提高周期,周期性提高所述非目标图形的各像素点的透明度值,使所述目标图形的透明度低于非目标图形的透明度;
或;
以所述触发时间为基准,按照预先设置的非目标图形不透明度值降低周期,周期性降低所述非目标图形的各像素点的不透明度值,使所述目标图形的透明度低于非目标图形的透明度。
8.一种图形显示装置,其特征在于,所述装置包括:
选择指令接收单元,用于接收用户对显示在地图中的图形的选择指令;
目标图形确定单元,用于依据所述选择指令,确定用户选择的目标图形;
非目标图形确定单元,用于获取所述目标图形的目标图形标识,并依据所述目标图形标识,将图形标识不同于所述目标图形标识的图形确定为非目标图形;
透明度调整单元,用于调整显示在地图中的所述目标图形的透明度低于非目标图形的透明度。
9.一种计算机设备,其特征在于,所述计算机设备包括:
处理器和存储器;
所述处理器,用于调用并执行所述存储器中存储的程序;
所述存储器用于存储所述程序,所述程序至少用于:
接收用户对显示在地图中的图形的选择指令;
依据所述选择指令,确定用户选择的目标图形;
获取所述目标图形的目标图形标识,并依据所述目标图形标识,将图形标识不同于所述目标图形标识的图形确定为非目标图形;
调整显示在地图中的所述目标图形的透明度低于非目标图形的透明度。
10.一种存储介质,其特征在于,所述存储介质中存储有计算机可执行指令,所述计算机可执行指令被处理器加载并执行时,实现如上权利要求1至7任一项所述的图形显示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910816772.5A CN110782518A (zh) | 2019-08-30 | 2019-08-30 | 一种图形显示方法、装置、计算机设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910816772.5A CN110782518A (zh) | 2019-08-30 | 2019-08-30 | 一种图形显示方法、装置、计算机设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110782518A true CN110782518A (zh) | 2020-02-11 |
Family
ID=69383322
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910816772.5A Pending CN110782518A (zh) | 2019-08-30 | 2019-08-30 | 一种图形显示方法、装置、计算机设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110782518A (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112000761A (zh) * | 2020-08-28 | 2020-11-27 | 中国科学院计算机网络信息中心 | 数据分析方法及装置、电子设备、计算机可读存储介质 |
CN112307909A (zh) * | 2020-10-15 | 2021-02-02 | 上海东方投资监理有限公司 | 一种钢结构计算方法、系统及其存储介质 |
CN113744396A (zh) * | 2020-05-29 | 2021-12-03 | 奇安信科技集团股份有限公司 | 基于三维地图建立模型的方法、装置、设备和存储介质 |
-
2019
- 2019-08-30 CN CN201910816772.5A patent/CN110782518A/zh active Pending
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113744396A (zh) * | 2020-05-29 | 2021-12-03 | 奇安信科技集团股份有限公司 | 基于三维地图建立模型的方法、装置、设备和存储介质 |
CN112000761A (zh) * | 2020-08-28 | 2020-11-27 | 中国科学院计算机网络信息中心 | 数据分析方法及装置、电子设备、计算机可读存储介质 |
CN112307909A (zh) * | 2020-10-15 | 2021-02-02 | 上海东方投资监理有限公司 | 一种钢结构计算方法、系统及其存储介质 |
CN112307909B (zh) * | 2020-10-15 | 2024-02-20 | 上海东方投资监理有限公司 | 一种钢结构计算方法、系统及其存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110782518A (zh) | 一种图形显示方法、装置、计算机设备及存储介质 | |
US9298789B2 (en) | Placement of cells in bins to provide non-overlapping visualization of data points of a scatter plot | |
CN110796600A (zh) | 一种图像超分重建方法、图像超分重建装置及电子设备 | |
JP2005122361A (ja) | 画像処理装置及び方法、コンピュータプログラム、記録媒体 | |
CN110570491B (zh) | 热力图生成方法及装置 | |
CN109951635A (zh) | 拍照处理方法、装置、移动终端以及存储介质 | |
CN115237522A (zh) | 页面自适应展示方法及装置 | |
CN111556336A (zh) | 一种多媒体文件处理方法、装置、终端设备及介质 | |
CN110796030B (zh) | 控制显示屏显示的方法、电子装置、设备及存储介质 | |
CN111612868A (zh) | 一种地图优化方法及装置 | |
CN111461070B (zh) | 文本识别方法、装置、电子设备及存储介质 | |
CN112135041A (zh) | 一种人脸特效的处理方法及装置、存储介质 | |
CN111340926A (zh) | 一种渲染方法及装置 | |
CN114527980A (zh) | 一种显示渲染方法、装置、电子设备和可读存储介质 | |
CN110457098B (zh) | 页面局部图像分享方法、装置、设备和存储介质 | |
US9613427B2 (en) | Information processing method and electronic device | |
CN116363082A (zh) | 地图要素的碰撞检测方法、装置、设备及程序产品 | |
US6445392B1 (en) | Method and apparatus for simplified anti-aliasing in a video graphics system | |
CN116263984A (zh) | 三维地图可视化方法、装置、电子设备及存储介质 | |
CN111862271B (zh) | 显示区域填充方法、装置、设备及存储介质 | |
CN110580274B (zh) | 一种gis数据渲染方法 | |
EP2975850A1 (en) | Method for correcting motion estimation between at least two frames of a video sequence, corresponding device, computer program and non-transitory computer-readable medium | |
CN110910482A (zh) | 视频数据组织调度的方法、系统及可读存储介质 | |
CN116560958B (zh) | 判断事件发生位置的实现方法、装置、终端及存储介质 | |
US9704056B2 (en) | Computing hierarchical computations for computer vision calculations |
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 |