This application discloses a web data three-dimensional display method and device. Using the method provided in this application, users only need to input the web graphics data corresponding to the web graphics they want to display. The web data three-dimensional display device automatically parses the input data and converts the data into the WEBGL interface. The format of recognition is used to realize the three-dimensional display of Web data using WEBGL interface. It simplifies the operation process of data 3D display, and makes the 3D display faster and more efficient.
【技术实现步骤摘要】
web数据三维展示方法及装置
本申请涉及三维展示
,更具体地说,涉及一种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图形的三维展示。一种w ...
【技术保护点】
1.一种web数据三维展示方法,其特征在于,包括:获取与所要展示的web图形对应的web图形数据;确定组成获取的web图形数据的各三维坐标点的边界,得到边界数据;根据获取的web图形数据,确定格式转换后的目标格式的web图形数据,所述目标格式的web图形数据为WEB图形库WEBGL接口所能识别的与获取的web图形的样式对应格式的web图形数据;调用所述WEBGL接口,根据所述边界数据设置画布大小,并利用目标格式的web图形数据在画布上进行所述web图形的三维展示。
【技术特征摘要】
1.一种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数据三维...
【专利技术属性】
技术研发人员:钱春海,
申请(专利权)人:腾讯科技深圳有限公司,
类型:发明
国别省市:广东,44
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。