CN108536698B - web数据三维展示方法及装置 - Google Patents
web数据三维展示方法及装置 Download PDFInfo
- Publication number
- CN108536698B CN108536698B CN201710120774.1A CN201710120774A CN108536698B CN 108536698 B CN108536698 B CN 108536698B CN 201710120774 A CN201710120774 A CN 201710120774A CN 108536698 B CN108536698 B CN 108536698B
- Authority
- CN
- China
- Prior art keywords
- web
- data
- boundary
- graphic
- determining
- 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
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T17/00—Three dimensional [3D] modelling, e.g. data description of 3D objects
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
Landscapes
- Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- Computer Graphics (AREA)
- General Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- Geometry (AREA)
- Software Systems (AREA)
- Testing, Inspecting, Measuring Of Stereoscopic Televisions And Televisions (AREA)
- Processing Or Creating Images (AREA)
Abstract
本申请公开了一种web数据三维展示方法及装置,使用本申请提供的方法,用户仅需要输入所要展示的web图形对应的web图形数据即可,由web数据3D展示装置自动对输入的数据进行解析、格式转换等处理,将数据转换为WEBGL接口所能识别的格式,从而实现利用WEBGL接口对web数据进行三维展示的目的。简化了数据三维展示的操作流程,使得数据三维展示速度更快、效率更高。
Description
技术领域
本申请涉及三维展示技术领域,更具体地说,涉及一种web数据三维展示方法及装置。
背景技术
目前互联网上数据的展示主要是图表,图像等二维数据,通过WEBGL技术可以使数据展示三维化,从而有更逼真和人性化的展示效果。WEBGL是web的三维绘图标准,支持OPENGL的硬件渲染,目前在各个平台都已经得到很好地支持。
但是由于WEBGL发展还不是很完善,本身的接口对数据三维可视化操作很复杂。为了构建一个三维场景,用户不仅需要有一定的计算机图形学基础,还需要编写很繁杂的代码,以实现向WEBGL接口提供其所能够识别处理的图形数据,这样才可以调用WEBGL接口实现web数据的三维可视化展示。
显然,现有调用WEBGL接口实现web数据三维展示的方案过于复杂。现有技术需要等待用户编写代码,对图形数据进行处理后才能够实现三维展示,其图形数据的三维展示效率低。
发明内容
有鉴于此,本申请提供了一种web数据3D展示方法及装置,以解决现有图形数据三维展示效率低的问题。
为了实现上述目的,现提出的方案如下:
一种web数据三维展示方法,包括:
获取与所要展示的web图形对应的web图形数据;
确定组成获取的web图形数据的各三维坐标点的边界,得到边界数据;
根据获取的web图形数据,确定格式转换后的目标格式的web图形数据,所述目标格式的web图形数据为WEB图形库WEBGL接口所能识别的与获取的web图形的样式对应格式的web图形数据;
调用所述WEBGL接口,根据所述边界数据设置画布大小,并利用目标格式的web图形数据在画布上进行所述web图形的三维展示。
一种web数据三维展示装置,包括:
图形数据获取单元,用于获取与所要展示的web图形对应的web图形数据;
边界数据确定单元,用于确定组成获取的web图形数据的各三维坐标点的边界,得到边界数据;
格式转换单元,用于根据获取的web图形数据,确定格式转换后的目标格式的web图形数据,所述目标格式的web图形数据为WEB图形库WEBGL接口所能识别的与获取的web图形的样式对应格式的web图形数据;
三维展示单元,用于调用所述WEBGL接口,根据所述边界数据设置画布大小,并利用目标格式的web图形数据在画布上进行所述web图形的三维展示。
本申请实施例提供的web数据三维展示方法,获取与所要展示的web图形对应的web图形数据;确定组成获取的web图形数据的各三维坐标点的边界,得到边界数据;根据获取的web图形数据,确定格式转换后的目标格式的web图形数据,目标格式的web图形数据为WEB图形库WEBGL接口所能识别的与获取的web图形的样式对应格式的web图形数据;调用所述WEBGL接口,根据所述边界数据设置画布大小,并利用目标格式的web图形数据在画布上进行所述web图形的三维展示。由此可见,使用本申请提供的方法,用户仅需要输入所要展示的web图形对应的web图形数据即可,由web数据三维展示装置自动对输入的数据进行解析、格式转换等处理,将数据转换为WEBGL接口所能识别的格式,从而实现利用WEBGL接口对web数据进行三维展示的目的。简化了数据三维展示的操作流程,使得数据三维展示速度更快、效率更高。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据提供的附图获得其他的附图。
图1a-1c分别示例了三种不同样式的三维展示图;
图2为本申请实施例公开的一种web数据三维展示方法流程图;
图3为本申请实施例公开的另一种web数据三维展示方法流程图;
图4为本申请实施例公开的又一种web数据三维展示方法流程图;
图5为本申请实施例公开的一种web数据三维展示装置结构示意图;
图6为本申请实施例提供的一种终端硬件结构示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
本申请实施例公开了一种web数据三维展示方案,其可以应用于安装有浏览器的终端设备,如智能手机、IPAD、电脑等。这里,终端设备安装的浏览器需要支持WEBGL,从而能够调用WEBGL接口实现数据三维展示。
本申请提供的web数据三维展示方案可以适用于图表展示、趋势走向、区域覆盖等图的展示,参照图1a-1c,示例了三种不同样式的三维展示图。
其中,图1a示例的是点图,以离散点的形式显示在空间中,用户输入三维的坐标点即可。此类型的图表可以多层次展示数据的离散性,有利于直观展示数据在空间中的离散性等,适用于城市热力图等应用。
图1b示例的是线图,点与点之间通过线段连接。用户除了输入三维的坐标点之外,还需要输入点之间的连接关系。此类型的图表可以在三维空间中展示数据的某个线性趋势或者关系,适用于趋势图之类的应用。
图1c示例的是面图,由三角形构成的三维空间中显示的区域图。用户需要输入构成整个三维曲面的每个三角形的顶点坐标。此类型的图表可以构建复杂的场景,如城市地图、物品模型等,适用于复杂图标的展现。
接下来的实施例中,对本申请的web数据三维展示方法进行详细介绍,参见图2所示,该方法包括:
步骤S100、获取与所要展示的web图形对应的web图形数据;
具体地,用户在进行web图形展示时,需要确定web图形对应的web图形数据,根据web图形的样式不同,用户输入的web图形数据格式也不完全相同。如点样式的web图形对应的web图形数据为坐标点格式数据,线样式的web图形对应的web图形数据为线格式数据,面样式的web图形对应的web图形数据为面格式数据。根据上述图1a-1c对应文字介绍可知,无论是点格式、线格式和面格式的web图形数据,均由坐标点组成。
当web图形的样式为点时,本步骤中获取至少一坐标点组成的坐标点集合。该坐标点集合作为web图形数据。
坐标点的输入可以表示为(x,y,z),其中,x,y,z可以为浮点数据类型。
当web图形的样式为线时,本步骤中获取至少两个坐标点组成的坐标点集合,以及,获取至少一个线索引组成的线索引集合,其中,每一线索引指示所述坐标点集合中,确定一条线的两个坐标点的索引值。
其中,坐标点集合中每一坐标点的形式可以参照上述介绍。需要说明的是,坐标点集合中各坐标点存在索引值,索引值可以是坐标点在坐标点集合中的排序顺序,或者是坐标点集合中各元素的下标。可以理解的是,为了确定一条线,需要至少两个坐标点,因此在获取坐标点集合的基础上,还需要获取线索引集合,线索引集合中每一线索引指示了坐标点集合中,确定一条线的两个坐标点的索引值。如索引(0,1)表示坐标点集合中第1个点和第2个点进行连线(注意:这里坐标点集合中坐标点的索引值从0开始计数)。
当web图形的样式为面时,本步骤获取至少一个三角形元素组成的三角形元素集合,每一所述三角形元素包括用于确定三角形的三个坐标点。
其中,面状web图形都是由若干三角形组成,因此本步骤中获取由三角形元素组成的三角形元素集合。其中,每一三角形元素包括用于确定三角形的三个坐标点,如三角形元素表示为:{(x1,y1,z1),(x2,y2,z2),(x3,y3,z3)}。
上述示例了三种不同格式web数据的输入格式,用户可以按照规定的输入格式输入web数据。
当然,本申请可以提供三种不同数据接口,包括点图接口、线图接口和面图接口,用户可以根据所要展示web图形的样式,选择对应的接口进行web图形数据的输入。举例如,用户想要展示线图,则可以选择线图接口,按照线图对应的输入格式,输入线图数据。
步骤S110、确定组成获取的web图形数据的各三维坐标点的边界,得到边界数据;
根据上一步骤可知,获取的web图形数据包括三维坐标点,因此通过对web图形数据进行解析,可以确定组成web图形数据的各三维坐标点的边界,得到边界数据。
确定各三维坐标点的边界即为,确定各三维坐标点中,第一维度方向、第二维度方向和第三维度方向上的最大值和最小值,由所述第一维度方向、第二维度方向和第三维度方向上的最大值和最小值组成边界数据。以三个维度方向分别为X,Y,Z轴方向为例,即为在各三维坐标点中确定最大和最小的x值、最大和最小的y值、最大和最小的z值。
可选的,可以采用冒泡法来确定各三维坐标点的边界。确定的边界数据组成三维空间中一个立方体。通过确定边界数据,可以便于WEBGL在展示web图形时,首先确定画布大小,进而在确定的画布上展示web图形。
可选的,本申请可以提供三种不同的解析组件,包括:点图数据解析组件、线图数据解析组件和面图数据解析组件,分别针对不同接口获取的web图形数据进行数据解析。
步骤S120、根据获取的web图形数据,确定格式转换后的目标格式的web图形数据,所述目标格式的web图形数据为WEB图形库WEBGL接口所能识别的与获取的web图形的样式对应格式的web图形数据;
具体地,WEBGL接口对输入的web图形数据存在格式要求,步骤S100中获取的web图形数据无法直接被WEBGL接口识别,因此,本步骤中对获取的web图形数据进行格式转换。
其中,WEBGL接口对不同web图形样式存在不同的数据格式要求。因此,本步骤中根据获取的web图形数据对应web图形的样式,按照WEBGL接口对该样式的数据格式要求,对web图形数据进行格式转换,以转换为WEBGL接口所能识别的与获取的web图形的样式对应的目标格式。
对应于上述介绍的不同数据接口及数据解析组件,本申请还可以设置三种不同的格式转换组件,包括:点图数据格式转换组件、线图数据格式转换组件和面图数据格式转换组件。每种格式转换组件按照设定的该类型数据格式转换方式,对获取的web图形数据进行格式转换。
其中,点图数据格式转换组件在对坐标点集合进行格式转换时,将坐标点转换为WEBGL顶点。
线图数据格式转换组件将坐标点转换为WEBGL顶点,同时,将线索引转换为WEBGL点关系索引。
面图数据格式转换组件将坐标点转换为WEBGL顶点。
步骤S130、调用所述WEBGL接口,根据所述边界数据设置画布大小,并利用目标格式的web图形数据在画布上进行所述web图形的三维展示。
在上述步骤得到边界数据及目标格式的web图形数据之后,通过调用WEBGL接口,以根据边界数据设置画布大小,并利用目标格式的web图形数据在画布上渲染并显示所述web图形。
本申请实施例提供的web数据三维展示方法,获取与所要展示的web图形对应的web图形数据;确定组成获取的web图形数据的各三维坐标点的边界,得到边界数据;根据获取的web图形数据,确定格式转换后的目标格式的web图形数据,目标格式为WEBGL接口所能识别的与获取的web图形的样式对应的格式;调用所述WEBGL接口,根据所述边界数据设置画布大小,并利用目标格式的web图形数据在画布上进行所述web图形的三维展示。由此可见,使用本申请提供的方法,用户仅需要输入所要展示的web图形对应的web图形数据即可,由web数据三维展示装置自动对输入的数据进行解析、格式转换等处理,将数据转换为WEBGL接口所能识别的格式,从而实现利用WEBGL接口对web数据进行三维展示的目的。简化了数据三维展示的操作流程,使得数据三维展示速度更快、效率更高。
参见图3,图3为本申请实施例公开的另一种web数据三维展示方法流程图,如图3所示,该方法包括:
步骤S200、获取与所要展示的web图形对应的web图形数据;
步骤S210、对获取的web图形数据进行合法性校验,确定合法性校验是否通过;若是,执行步骤S220;
具体地,在对获取的web图形数据进行合法性校验时,可以对数据格式、数据规范进行校验。如检测数据格式是否为规定的格式,如web数据是否包含字符串,若包含则表示数据格式不正确。其中,数据规范校验过程可以包括:点图数据中输入的各坐标点是否重合,重合则表示不符合规范;线图数据中输入的线索引是否为两个相同索引值,若是则表示不符合规范;面图数据中输入的确定三角形的三个坐标点是否能围成三角形,如果不能,则表示不符合规范,等等。
其中,数据格式及数据规范检测项目可以预先进行设定。
如果合法性校验不通过,则可以直接退出,否则,进入下一步骤。
步骤S220、确定组成获取的web图形数据的各三维坐标点的边界,得到边界数据;
步骤S230、根据获取的web图形数据,确定格式转换后的目标格式的web图形数据,所述目标格式的web图形数据为WEB图形库WEBGL接口所能识别的与获取的web图形的样式对应格式的web图形数据;
步骤S240、调用所述WEBGL接口,根据所述边界数据设置画布大小,并利用目标格式的web图形数据在画布上进行所述web图形的三维展示。
相比于上一实施例,本实施例中增加了对获取的web图形数据进行合法性校验的过程,只有在合法性校验通过后才执行后续处理流程,避免用户输入的web图形数据不合法,导致后续web图形显示异常。
参见图4,图4为本申请实施例公开的又一种web数据三维展示方法流程图,如图4所示,该方法包括:
步骤S300、获取与所要展示的web图形对应的web图形数据;
步骤S310、对获取的web图形数据进行合法性校验,确定合法性校验是否通过;若是,执行步骤S320;
步骤S320、确定组成获取的web图形数据的各三维坐标点的边界,得到边界数据;
步骤S330、根据所述边界数据,确定是否需要对所述web图形进行调整;若是,执行步骤S340,若否,执行步骤S350;
具体地,本申请设定有观察点,通过边界数据可以确定web图形边界与观察点之间的位置关系,进而根据该位置关系来确定是否需要对web图形进行调整。
可选的,本申请可以预先设定web图形边界与观察点之间应该满足的位置关系,进而在确定了位置关系之后判断其是否满足预设的位置关系,如果是,确定不需要对web图形进行调整,否则,确定需要。
需要说明的是,通过设定web图形边界与观察点间的位置关系,保证后续显示的web图形更加便于观看,不会出现显示过小、角度不正等问题。
步骤S340、根据获取的web图形数据,确定调整后的web图形对应的目标web图形数据,所述调整后的web图形与设定观察点间的位置关系满足预设位置关系;
具体地,在上一步骤中确定需要对获取的web图形进行调整时,本步骤中对其进行调整,调整后的web图形相比于调整前的web图形,其可能会存在平移、缩放、转动等。
在本步骤确定调整后的web图形对应的目标web图形数据之后,执行下述步骤S350。
步骤S350、将所述目标web图形数据的格式转换为目标格式,得到目标格式的web图形数据;
具体地,如果本步骤之前确定了调整后的web图形对应的目标web图形数据,则本步骤中对所述目标web图形数据进行格式转换,否则,直接对获取的web图形数据进行格式转换,得到目标格式的web图形数据。
步骤S360、调用所述WEBGL接口,根据所述边界数据设置画布大小,并利用目标格式的web图形数据在画布上进行所述web图形的三维展示。
相比于上述实施例,本实施例中增加了对web图形是否需要进行调整的判断过程,以及在判断需要时确定调整后web图形对应的目标web图形数据,保证调整后的web图形与设定观察点间的位置关系满足预设位置关系,使得最终显示的web图形更加便于用户观看。
可选的,所述预设位置关系可以包括预设距离关系和预设视角关系等。则上述步骤中,根据所述边界数据,确定是否需要对所述web图形进行调整的过程,具体可以包括:
1、根据所述边界数据,确定获取的web图形数据对应的web图形的边界与设定观察点间的距离是否满足预设距离关系;
具体地,通过对距离关系进行判断,确定web图形的边界距离设定观察点是否过近或者过远,影响显示效果。一般的,预设距离关系可以是距离处于预设距离范围内,预设距离范围可以是[30米,180米]。较优的,预设距离可以选择为60米。
如果获取的web图形的边界距离设定观察点的距离处于预设距离范围内,则认为满足预设距离关系,否则,认为不满足预设距离关系,影响显示效果。
2、根据所述边界数据,确定获取的web图形数据对应的web图形的边界与设定观察点间的视角是否满足预设视角关系;
具体地,通过对视角关系进行判断,确定web图形的边界与设定观察点的角度偏离是否过大,影响显示效果。一般的,预设视角关系可以是角度处于预设角度范围内,预设角度范围可以是[0度,120度]及[210度,360度]。较优的,预设角度可以选择为30度或330度。
如果获取的web图形的边界与设定观察点的视角处于预设视角范围内,则认为满足预设视角关系,否则,认为不满足预设视角关系,影响显示效果。
3、若确定至少不满足所述预设距离关系和所述预设视角关系中的一个,则确定需要对web图形进行调整。
具体地,只要确定距离关系和视角关系中任意一个不满足,则可以确定需要对所要展示的web图形进行调整。
可以理解的是,若确定不满足预设距离关系,则在对web图形进行调整时,可以按照预设距离调整策略进行调整,以使得调整后的web图形的边界与设定观察点之间的距离满足预设距离关系。
进一步,若确定不满足预设视角关系,则在对web图形进行调整时,可以按照预设视角调整策略进行调整,以使得调整后的web图形的边界与设定观察点之间的角度满足预设视角关系。
接下来,通过一个具体实例对web图形调整过程进行介绍。
本实施例中以web图形为线图为例进行说明:
获取的用户输入的线图数据包括:坐标点集合([20,80,500],[50,100,600],[50,100,500],[100,200,500]),线索引集合([0,1],[1,2],[2,3])。
分析确定线图的边界数据包括:Xmax=100,Ymax=200,Zmax=600;Xmin=20,Ymin=80,Zmin=500。
设定的观察点为原点(0,0,0),设定观察距离最大为50,观察方向为z轴。由于z轴边界最大值为600,因此需要平移的距离等于z轴边界最大值减去50,等于450,确定平移矩阵为:
线图数据中每一坐标点乘以上述平移矩阵,得到平移后坐标点:
([20,80,50],[50,100,150],[50,100,50],[100,200,50])。
上述计算过程需要说明的是,坐标点矩阵为1*3形式,而平移矩阵为4*4形式,为了能够进行点乘,可以为每一坐标点矩阵增加一个元素“1”,点乘之后将增加的元素再删除。以坐标点[20,80,500]为例,增加元素后变为[20,80,500,1],点乘之后为[20,80,50,1],删除增加的元素变为[20,80,50]。
进一步,假设需要将web图形在长、宽、高都是50的立方体内进行显示,则还需要对上述处理后的线图进行缩放,x轴方向的缩放比例等于50除以x轴边界最大值100,等于0.5,同理,y轴缩放比例等于0.25,z轴缩放比例等于0.33。缩放矩阵如下:
上述平移后坐标点乘以该缩放矩阵,得到的结果如下:
([10,20,17],[25,25,50],[25,25,17],[50,50,17])。
当然,上述例子中仅示例了平移和缩放处理过程,本申请还可以对web图形进行其它处理操作。
下面对本申请实施例提供的web数据三维展示装置进行描述,下文描述的web数据三维展示装置与上文描述的web数据三维展示方法可相互对应参照。
参见图5,图5为本申请实施例公开的一种web数据三维展示装置结构示意图,如图5所示,该装置包括:
图形数据获取单元11,用于获取与所要展示的web图形对应的web图形数据;
边界数据确定单元12,用于确定组成获取的web图形数据的各三维坐标点的边界,得到边界数据;
格式转换单元13,用于根据获取的web图形数据,确定格式转换后的目标格式的web图形数据,所述目标格式的web图形数据为WEB图形库WEBGL接口所能识别的与获取的web图形的样式对应格式的web图形数据;
三维展示单元14,用于调用所述WEBGL接口,根据所述边界数据设置画布大小,并利用目标格式的web图形数据在画布上进行所述web图形的三维展示。
使用本申请提供的装置,用户仅需要输入所要展示的web图形对应的web图形数据即可,由web数据三维展示装置自动对输入的数据进行解析、格式转换等处理,将数据转换为WEBGL接口所能识别的格式,从而实现利用WEBGL接口对web数据进行三维展示的目的。简化了数据三维展示的操作流程,使得数据三维展示速度更快、效率更高。
可选的,本申请的装置还可以包括:
合法性校验单元,用于在所述边界数据确定单元确定组成获取的web图形数据的各三维坐标点的边界之前,对获取的web图形数据进行合法性校验。
可选的,上述格式转换单元可以包括:
调整判断单元,用于根据所述边界数据,确定是否需要对所述web图形进行调整;
目标web图形数据确定单元,用于在所述调整判断单元的判断结果为是时,根据获取的web图形数据,确定调整后的web图形对应的目标web图形数据,所述调整后的web图形与设定观察点间的位置关系满足预设位置关系;
目标格式转换单元,用于将所述目标web图形数据的格式转换为目标格式,得到目标格式的web图形数据。
可选的,所述预设位置关系可以包括预设距离关系和预设视角关系;所述调整判断单元可以包括:
距离关系判断单元,用于根据所述边界数据,确定所述web图形的边界与设定观察点间的距离是否满足预设距离关系;
视角关系判断单元,用于根据所述边界数据,确定所述web图形的边界与设定观察点间的视角是否满足预设视角关系;
判断结果确定单元,用于若确定至少不满足所述预设距离关系和所述预设视角关系中的一个,则确定需要对所述web图形进行调整。
可选的,根据所要展示web图形的样式不同,本申请示例了图形数据获取单元的几种不同结构,分别如下:
第一,所要展示的web图形的样式为点;所述图形数据获取单元包括:
点数据获取单元,用于获取至少一坐标点组成的坐标点集合。
第二,所要展示的web图形的样式为线;所述图形数据获取单元包括:
线数据获取单元,用于获取至少两个坐标点组成的坐标点集合;以及,获取至少一个线索引组成的线索引集合,每一线索引指示所述坐标点集合中,确定一条线的两个坐标点的索引值。
第三,所要展示的web图形的样式为面;所述图形数据获取单元包括:
面数据获取单元,用于获取至少一个三角形元素组成的三角形元素集合,每一所述三角形元素包括用于确定三角形的三个坐标点。
可选的,上述边界数据确定单元可以包括:
最大值确定单元,用于根据组成获取的web图形数据的各三维坐标点,确定第一维度方向、第二维度方向和第三维度方向上的最大值和最小值,由所述第一维度方向、第二维度方向和第三维度方向上的最大值和最小值组成边界数据。
接下来的实施例中,对实现本申请的web数据三维展示装置的终端的硬件结构进行介绍,参见图6,图6为本申请实施例提供的一种终端硬件结构示意图。
如图6所示,终端可以包括:
处理器1,通信接口2,存储器3,通信总线4,和显示屏5;
其中处理器1、通信接口2、存储器3和显示屏5通过通信总线4完成相互间的通信;
可选的,通信接口2可以为通信模块的接口,如GSM模块的接口;
处理器1,用于执行程序;
存储器3,用于存放程序;
程序可以包括程序代码,所述程序代码包括处理器的操作指令。
处理器1可能是一个中央处理器CPU,或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit),或者是被配置成实施本申请实施例的一个或多个集成电路。
存储器3可能包含高速RAM存储器,也可能还包括非易失性存储器(non-volatilememory),例如至少一个磁盘存储器。
其中,程序具体用于:
获取与所要展示的web图形对应的web图形数据;
确定组成获取的web图形数据的各三维坐标点的边界,得到边界数据;
根据获取的web图形数据,确定格式转换后的目标格式的web图形数据,所述目标格式的web图形数据为WEB图形库WEBGL接口所能识别的与获取的web图形的样式对应格式的web图形数据;
调用所述WEBGL接口,根据所述边界数据设置画布大小,并利用目标格式的web图形数据在画布上进行所述web图形的三维展示。
最后,还需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
本说明书中各个实施例采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似部分互相参见即可。
对所公开的实施例的上述说明,使本领域专业技术人员能够实现或使用本申请。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的,本文中所定义的一般原理可以在不脱离本申请的精神或范围的情况下,在其它实施例中实现。因此,本申请将不会被限制于本文所示的这些实施例,而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。
Claims (18)
1.一种web数据三维展示方法,其特征在于,包括:
获取用户根据与所要展示的web图形对应的数据接口输入的web图形数据;所述web图形数据与所述所要展示的web图形对应;所述数据接口包括点图接口、线图接口和面图接口;
确定组成获取的web图形数据的各三维坐标点的边界,得到边界数据;
根据所述web图形数据,确定利用格式转换组件进行格式转换后的目标格式的web图形数据;其中,所述格式转换组件包括:点图数据格式转换组件、线图数据格式转换组件和面图数据格式转换组件;各个格式转换组件按照设定的对应类型数据格式转换方式,对所述web图形数据进行格式转换;所述目标格式的web图形数据为WEB图形库WEBGL接口所能识别的与获取的web图形的样式对应格式的web图形数据;
调用所述WEBGL接口,根据所述边界数据设置画布大小,并利用目标格式的web图形数据在画布上进行所述web图形的三维展示。
2.根据权利要求1所述的方法,其特征在于,在所述确定组成获取的web图形数据的各三维坐标点的边界之前,该方法还包括:
对获取的web图形数据进行合法性校验,并在确定合法性校验通过后执行所述确定组成获取的web图形数据的各三维坐标点的边界的操作。
3.根据权利要求1或2所述的方法,其特征在于,所述根据获取的web图形数据,确定格式转换后的目标格式的web图形数据,包括:
根据所述边界数据,确定是否需要对所述web图形进行调整;
若是,根据获取的web图形数据,确定调整后的web图形对应的目标web图形数据,所述调整后的web图形与设定观察点间的位置关系满足预设位置关系;
将所述目标web图形数据的格式转换为目标格式,得到目标格式的web图形数据。
4.根据权利要求3所述的方法,其特征在于,所述预设位置关系包括预设距离关系和预设视角关系;
所述根据所述边界数据,确定是否需要对所述web图形进行调整,包括:
根据所述边界数据,确定所述web图形的边界与设定观察点间的距离是否满足预设距离关系;
根据所述边界数据,确定所述web图形的边界与设定观察点间的视角是否满足预设视角关系;
若确定至少不满足所述预设距离关系和所述预设视角关系中的一个,则确定需要对所述web图形进行调整。
5.根据权利要求1所述的方法,其特征在于,所要展示的web图形的样式为点;所述获取与所要展示的web图形对应的web图形数据,包括:
获取至少一坐标点组成的坐标点集合。
6.根据权利要求1所述的方法,其特征在于,所要展示的web图形的样式为线;所述获取与所要展示的web图形对应的web图形数据,包括:
获取至少两个坐标点组成的坐标点集合;以及,
获取至少一个线索引组成的线索引集合,每一线索引指示所述坐标点集合中,确定一条线的两个坐标点的索引值。
7.根据权利要求1所述的方法,其特征在于,所要展示的web图形的样式为面;所述获取与所要展示的web图形对应的web图形数据,包括:
获取至少一个三角形元素组成的三角形元素集合,每一所述三角形元素包括用于确定三角形的三个坐标点。
8.根据权利要求1所述的方法,其特征在于,所述确定组成获取的web图形数据的各三维坐标点的边界,得到边界数据,包括:
根据组成获取的web图形数据的各三维坐标点,确定第一维度方向、第二维度方向和第三维度方向上的最大值和最小值,由所述第一维度方向、第二维度方向和第三维度方向上的最大值和最小值组成边界数据。
9.一种web数据三维展示装置,其特征在于,包括:
图形数据获取单元,用于获取用户根据与所要展示的web图形对应的数据接口输入的web图形数据;所述web图形数据与所述所要展示的web图形对应;所述数据接口包括点图接口、线图接口和面图接口;
边界数据确定单元,用于确定组成获取的web图形数据的各三维坐标点的边界,得到边界数据;
格式转换单元,用于根据所述web图形数据,确定利用格式转换组件进行格式转换后的目标格式的web图形数据;其中,所述格式转换组件包括:点图数据格式转换组件、线图数据格式转换组件和面图数据格式转换组件;各个格式转换组件按照设定的对应类型数据格式转换方式,对所述web图形数据进行格式转换;所述目标格式的web图形数据为WEB图形库WEBGL接口所能识别的与获取的web图形的样式对应格式的web图形数据;
三维展示单元,用于调用所述WEBGL接口,根据所述边界数据设置画布大小,并利用目标格式的web图形数据在画布上进行所述web图形的三维展示。
10.根据权利要求9所述的装置,其特征在于,还包括:
合法性校验单元,用于在所述边界数据确定单元确定组成获取的web图形数据的各三维坐标点的边界之前,对获取的web图形数据进行合法性校验。
11.根据权利要求9或10所述的装置,其特征在于,所述格式转换单元包括:
调整判断单元,用于根据所述边界数据,确定是否需要对所述web图形进行调整;
目标web图形数据确定单元,用于在所述调整判断单元的判断结果为是时,根据获取的web图形数据,确定调整后的web图形对应的目标web图形数据,所述调整后的web图形与设定观察点间的位置关系满足预设位置关系;
目标格式转换单元,用于将所述目标web图形数据的格式转换为目标格式,得到目标格式的web图形数据。
12.根据权利要求11所述的装置,其特征在于,所述预设位置关系包括预设距离关系和预设视角关系;所述调整判断单元包括:
距离关系判断单元,用于根据所述边界数据,确定所述web图形的边界与设定观察点间的距离是否满足预设距离关系;
视角关系判断单元,用于根据所述边界数据,确定所述web图形的边界与设定观察点间的视角是否满足预设视角关系;
判断结果确定单元,用于若确定至少不满足所述预设距离关系和所述预设视角关系中的一个,则确定需要对所述web图形进行调整。
13.根据权利要求9所述的装置,其特征在于,所要展示的web图形的样式为点;所述图形数据获取单元包括:
点数据获取单元,用于获取至少一坐标点组成的坐标点集合。
14.根据权利要求9所述的装置,其特征在于,所要展示的web图形的样式为线;所述图形数据获取单元包括:
线数据获取单元,用于获取至少两个坐标点组成的坐标点集合;以及,获取至少一个线索引组成的线索引集合,每一线索引指示所述坐标点集合中,确定一条线的两个坐标点的索引值。
15.根据权利要求9所述的装置,其特征在于,所要展示的web图形的样式为面;所述图形数据获取单元包括:
面数据获取单元,用于获取至少一个三角形元素组成的三角形元素集合,每一所述三角形元素包括用于确定三角形的三个坐标点。
16.根据权利要求9所述的装置,其特征在于,所述边界数据确定单元包括:
最大值确定单元,用于根据组成获取的web图形数据的各三维坐标点,确定第一维度方向、第二维度方向和第三维度方向上的最大值和最小值,由所述第一维度方向、第二维度方向和第三维度方向上的最大值和最小值组成边界数据。
17.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有操作指令,所述操作指令被处理器执行时实现权利要求1-8任一项所述的web数据三维展示方法。
18.一种终端,其特征在于,包括:
至少一个处理器、以及与所述处理器连接的至少一个存储器、总线;
所述处理器、所述存储器通过所述总线完成相互间的通信;所述处理器用于调用所述存储器中的操作指令,以执行权利要求1-8任一项所述的web数据三维展示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710120774.1A CN108536698B (zh) | 2017-03-02 | 2017-03-02 | web数据三维展示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710120774.1A CN108536698B (zh) | 2017-03-02 | 2017-03-02 | web数据三维展示方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN108536698A CN108536698A (zh) | 2018-09-14 |
CN108536698B true CN108536698B (zh) | 2022-09-13 |
Family
ID=63489278
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710120774.1A Active CN108536698B (zh) | 2017-03-02 | 2017-03-02 | web数据三维展示方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108536698B (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110929201B (zh) * | 2018-09-20 | 2022-06-28 | 中国科学院信息工程研究所 | 一种基于Web的复杂网络拓扑编辑及可视化系统 |
CN112634446B (zh) * | 2020-12-11 | 2023-09-26 | 北方信息控制研究院集团有限公司 | 一种基于时空一致性的多引擎三维场景数据转换方法 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103106680A (zh) * | 2013-02-16 | 2013-05-15 | 赞奇科技发展有限公司 | 基于云计算架构的三维图形渲染的实现方法及云服务系统 |
CN105912655A (zh) * | 2016-04-11 | 2016-08-31 | 东南大学 | 基于WebGL的三维模型显示方法及相应的Web-BIM工程信息集成管理系统 |
CN106096016A (zh) * | 2016-06-24 | 2016-11-09 | 北京建筑大学 | 一种基于网络的三维点云可视化方法以及装置 |
WO2016207551A1 (fr) * | 2015-06-24 | 2016-12-29 | F4 | Dispositif interactif a affichage tridimensionnel |
CN106471551A (zh) * | 2014-07-09 | 2017-03-01 | 杜亚实验室股份有限公司 | 用于将现有3d模型转换成图形数据的方法和系统 |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101501664A (zh) * | 2005-03-29 | 2009-08-05 | 微软公司 | 用于传送网页数据的系统和方法 |
CN102253981A (zh) * | 2011-06-24 | 2011-11-23 | 上海市公安局 | 一种三维地理信息系统海量模型快速显示浏览方法 |
CN105912651B (zh) * | 2016-04-11 | 2019-07-30 | 中邮通建设咨询有限公司 | 基于IFC的数据交互方法及相应的Web-BIM工程信息集成管理系统 |
-
2017
- 2017-03-02 CN CN201710120774.1A patent/CN108536698B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103106680A (zh) * | 2013-02-16 | 2013-05-15 | 赞奇科技发展有限公司 | 基于云计算架构的三维图形渲染的实现方法及云服务系统 |
CN106471551A (zh) * | 2014-07-09 | 2017-03-01 | 杜亚实验室股份有限公司 | 用于将现有3d模型转换成图形数据的方法和系统 |
WO2016207551A1 (fr) * | 2015-06-24 | 2016-12-29 | F4 | Dispositif interactif a affichage tridimensionnel |
CN105912655A (zh) * | 2016-04-11 | 2016-08-31 | 东南大学 | 基于WebGL的三维模型显示方法及相应的Web-BIM工程信息集成管理系统 |
CN106096016A (zh) * | 2016-06-24 | 2016-11-09 | 北京建筑大学 | 一种基于网络的三维点云可视化方法以及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN108536698A (zh) | 2018-09-14 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP5724543B2 (ja) | 端末装置、オブジェクト制御方法及びプログラム | |
EP3155596B1 (en) | 3d scanning with depth cameras using mesh sculpting | |
JP6050518B2 (ja) | 実環境に仮想情報を表現する方法 | |
EP2490182A1 (en) | authoring of augmented reality | |
CN117078898A (zh) | 放置增强或混合现实应用的虚拟对象的方法、设备和介质 | |
US9691175B2 (en) | 3-D models as a navigable container for 2-D raster images | |
US9092897B2 (en) | Method and apparatus for displaying interface elements | |
CN111724481A (zh) | 对二维图像进行三维重构的方法、装置、设备及存储介质 | |
JP6096634B2 (ja) | 仮想現実を用いた3次元地図表示システム | |
US10229543B2 (en) | Information processing device, information superimposed image display device, non-transitory computer readable medium recorded with marker display program, non-transitory computer readable medium recorded with information superimposed image display program, marker display method, and information-superimposed image display method | |
KR101507776B1 (ko) | 3차원 지도의 외곽선 표현 방법 | |
CN108536698B (zh) | web数据三维展示方法及装置 | |
US20210201522A1 (en) | System and method of selecting a complementary image from a plurality of images for 3d geometry extraction | |
KR101459005B1 (ko) | 3차원 지도의 관심지점 표시 제어 방법 | |
CN113393554A (zh) | 地图生成方法和地图生成装置 | |
CN109427084B (zh) | 一种地图显示方法、装置、终端及存储介质 | |
KR101919085B1 (ko) | 3차원 메쉬 데이터 간소화 방법 및 장치 | |
CN111968245B (zh) | 三维空间的标线展示方法、装置、电子设备和存储介质 | |
CN112484678B (zh) | 一种基于虚拟三维空间的精准测量方法及装置 | |
JP6564259B2 (ja) | 画像処理装置、画像処理方法 | |
CN115511701A (zh) | 一种地理信息的转换方法及装置 | |
JP6405539B2 (ja) | 多視点画像に対するラベル情報の処理装置及びそのラベル情報の処理方法 | |
CN114020390A (zh) | Bim模型显示方法、装置、计算机设备和存储介质 | |
CN113379814A (zh) | 一种三维空间关系判定方法及装置 | |
CN115129278A (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 |