CN110503726A - 网页端三维模型标注信息显示浏览方法及系统 - Google Patents

Abstract

本发明的目的在于提供一种能够将三维模型第标注信息在网页端显示的网页端三维模型标注信息显示浏览方法及系统。该显示浏览方法，包括：步骤S1、对三维模型进行预处理生成轻量化模型文件和标注信息对象；步骤S2、对标注信息对象进行预处理，获取标注类型、标注指引线、标注值和标注平面数据；步骤S3、对标注平面法向量数据进行整数化处理，减少其存储字节数；步骤S4、对标注信息对象进行json化处理，生成保存后缀为json的标注信息文件；步骤S5、前端在读取轻量化模型文件的同时，根据标注信息的数据结构重绘标注信息，之后利用webgl渲染场景；以及步骤S6、设计标注信息的动态显示算法，实现标注信息随模型姿态改变而自动翻转和改变位置。

Description

网页端三维模型标注信息显示浏览方法及系统

技术领域

本发明属于计算机图像网络显示技术领域，具体地涉及一种网页端三维模型标注信息显示浏览方法及系统。

背景技术

随着社会经济的发展，传统三维CAD软件已不能满足制造企业对便携性、实时性的需求。近几年来，三维CAD模型的Web端显示一直都是国内外专家学者研究的热点。现在主流的三维Web显示技术主要有VRML、X3D、Viewpoint、Jave3D等，以Jave3D结合VRML的组合方式为主，以及最近发展起来的WebGL技术，它为三维产品模型摆脱了插件的依赖，为实现跨平台Web浏览带来了希望，是三维Web显示技术的发展方向。WebGL规范的出现使得三维数据无需插件直接在网络浏览器中的可视化成为现实。WebGL可以为浏览器提供硬件图形加速渲染，借助系统显卡，开发人员可以在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。

目前WebGL越来越被广泛的用于在Web上进行展示3D模型，并支持完成各种交互。但很多原始3D模型是在PC三维设计软件中产生的，在进行WebGL显示前，首先要对原始格式的3D模型数据进行解析和转换，在转换过程中需要对数据进行轻量化。目前，人们在对模型数据轻量化的过程中往往会丢失三维产品模型的产品制造信息(PMI)，使得三维模型在Web端进行展示时，使用者看到的往往只是一个‘光秃秃’的三维模型，缺少表达模型产品功能的可见尺寸、公差、注释、文本和符号。

发明内容

本发明是为了解决上述问题而进行的，目的在于提供一种能够将三维模型第标注信息在网页端显示的网页端三维模型标注信息显示浏览方法及系统。

本发明提供了一种网页端三维模型标注信息显示浏览方法，其特征在于，包括：步骤S1、对三维模型进行预处理，获取所有几何对象并去除重复对象进而生成轻量化模型文件，再根据其标注信息生成对应的标注信息对象；步骤S2、对所有的标注信息对象进行预处理，获取标注信息对象的标注类型、标注指引线、标注值和标注平面数据，标注类型包括尺寸标注数据、形位公差数据和粗糙度数据，标注指引线包括引出点数据、指引箭头数据及线形、线宽，标注值包括基于标注类型分类的尺寸值及公差、形位公差值、粗糙度值和文字注释，标注平面数据包括标注平面原点和标注平面法向量数据；步骤S3、对标注平面法向量数据按照象限区分后进行整数化处理，减少标注平面法向量数据存储的字节数；步骤S4、对所有的标注信息对象的数据进行json化处理，生成保存后缀为json的标注信息文件；步骤S5、前端在读取轻量化模型文件的同时，根据获取的标注信息的数据结构重绘标注信息，之后利用webgl渲染场景；以及步骤S6、针对三维模型在web虚拟空间中旋转、翻转情形，设计标注信息的动态显示算法，实现标注信息随模型姿态改变而自动翻转和改变位置。

在本发明提供的网页端三维模型标注信息显示浏览方法中，还可以具有这样的特征，其中，步骤S1的具体过程为：先通过相关api获取三维模型中所有几何对象并去除重复的几何对象以生成轻量化模型文件，再通过相关api获取三维模型中所有的标注信息生成标注信息对象。

在本发明提供的网页端三维模型标注信息显示浏览方法中，还可以具有这样的特征，其中，步骤S2的具体过程为：基于标注信息对象的标注类型，通过相关api对标注信息进行分类，得到尺寸标注对象、形位公差对象、基准对象、粗糙度对象和文本注释对象；记录每个标注对象的标注指引线数据和标注平面数据。

在本发明提供的网页端三维模型标注信息显示浏览方法中，还可以具有这样的特征，其中，步骤S3的具体过程为：对于标注平面的归一法向量(n1,n2,n3)，首先在三维空间的八象限中，计算出其值所在的对应象限并记录下象限编号gradnum，将(0,1,2,3,4,5,6,7)分别表示一至八象限，象限编号用一个字节表示，执行n1＝abs(n1*65535)+0.5、n2＝abs(n2*65535)+0.5、n3＝abs(n3*65535)+0.5的运算，值取整数后每个分量用二个字节表示，从而减少标注平面法向量数据存储的字节数。

在本发明提供的网页端三维模型标注信息显示浏览方法中，还可以具有这样的特征，其中，步骤S4的具体过程为：通过相关api将每个标注信息对象转化为json字符串，然后json字符串拼接起来，封装为一个包含所有的标注信息的json文件。

在本发明提供的网页端三维模型标注信息显示浏览方法中，还可以具有这样的特征，其中，步骤S5的具体过程为：前端读取并解析包含标注信息的json文件，生成一个包含每个素数标注信息对象的数组对象，对数组中每个对象进行遍历，以THREE.JS作为3D引擎，根据指引线信息、标注内容和标注平面信息进行三维模型标注信息的重绘，之后利用webgl渲染场景实现三维模型标注信息在web端的显示浏览。

在本发明提供的网页端三维模型标注信息显示浏览方法中，还可以具有这样的特征，其中，步骤S6的具体过程为：以three.js作为3D引擎，根据标注内容导入相应的文字符号，根据标注平面法向量和标注原点坐标确定标注内容姿态和位置，根据相机向量和标注平面法向量夹角α确定标注内容正反向，若α>90°标注内容反面朝向屏幕；若α<＝90°标注内容正面朝向屏幕，根据标注内容同水平两点在屏幕上的投影坐标，保证标注内容的顺序。

在本发明提供的网页端三维模型标注信息显示浏览方法中，还可以具有这样的特征，还包括：步骤S7、针对三维模型结构复杂时标注信息的复杂化，设计基准与关联标注的显示关联，并根据标注类型按尺寸标注数据、形位公差数据、粗糙度数据和文本注释数据进行分组，实现标注信息的分组显示浏览，其中，步骤S7的具体过程为：遍历步骤S5中生成的标注信息数组对象，按步骤S2中的标注类型进行分组，并实现同一组别的对象绑定，添加每一个组别的三维标注内容的显示和隐藏功能，实现标注信息的分组显示浏览。

在本发明提供的网页端三维模型标注信息显示浏览方法中，还可以具有这样的特征，还包括：步骤S8、针对三维模型结构复杂时标注信息的复杂化，以相机视角作为人眼观察视角，以观察视角作为模型主视角，设计标注信息的消除重影算法，隐藏观察主视角之外的标注信息，削弱观察主视角之外的标注信息的干涉重叠现象，其中，步骤S8的具体过程为：记录每个标注对象的标注平面法向量信息，并形成数组[V1,V2,V3,V4,...]，在渲染循环中计算每一时刻的相机向量Vc，在渲染循环中计算Vc与每一标注平面法向量Vn的夹角θn，以相机向量作为观察主视角，设定阈值β，若θn<β，则认定对应的标注信息位于观察主视角之内，若θn>β，则认定对应的标注信息位于观察主视角之外，根据模型旋转过程中夹角θn的变化，实现观察主视角之外的标注信息的自动隐藏，消除观察主视角之外的标注信息干涉重叠现象。

另外，本发明还提供了一种网页端三维模型标注信息显示浏览系统，用于实现上述任意的网页端三维模型标注信息显示浏览方法，其特征在于，包括：软件交互单元、通信单元、数据处理单元、存储单元、计算单元和执行单元；其中，软件交互单元用于调整三维模型和三维标注信息的姿态，管理三维标注信息的显示方式，通信单元用于将三维模型的三维标注信息数据封装为JSON文件，通过网络实时通信协议上传至云服务器，数据处理单元用于对所提取的三维标注信息进行数据预处理以及标注信息在web端的显示浏览管理，计算单元用于在改变三维模型姿态的同时，计算三维标注信息的实时显示方式，执行单元用于识别用户开启标注信息分组与标注信息消影功能时，标注信息的自动隐藏和显示。

发明的作用与效果

根据本发明所涉及的网页端三维模型标注信息显示浏览方法及系统，利用webgl技术实现三维模型标注信息在web端的重绘，根据三维模型的旋转、翻转，设计标注信息的实时显示算法，利用变换矩阵来保证标注信息显示的准确性，提高了用户对三维模型的标注信息的直接获取，解决了目前web端三维模型标注信息无法展示的问题，便于用户直观的理解设计意图，提高用户体验。

附图说明

图1是本发明的实施例中网页端三维模型标注信息显示浏览方法的流程图。

图2是本发明的实施例中标注信息含义示意图。

图3是本发明的实施例中网页端三维模型标注信息显示浏览系统的结构框图。

图4是本发明的实例中三维模型标注信息在网页端的显示浏览示意图。

图5是本发明的实例中三维模型标注信息实时动态显示浏览示意图。

图6(a)是本发明的实例中三维模型标注信息分组显示浏览示意图。

图6(b)是本发明的实例中三维模型尺寸标注信息在各观察主视角下的消影示意图。

具体实施方式

下面通过实施例的方式进一步说明本发明，但并不因此将本发明限制在所述的实施例范围之中。

<实施例>

图1是本发明的实施例中网页端三维模型标注信息显示浏览方法的流程图。

如图1所示，在本实施例中，网页端三维模型标注信息显示浏览方法用于对具有第三方格式的三维模型及其标注信息在网页端进行显示，这里，三维模型为三维建模软件Unigraphics NX生成的MBD模型。网页端三维模型标注信息显示浏览方法包括以下步骤：

步骤S1、对三维模型进行预处理，获取所有几何对象并去除重复对象进而生成轻量化模型文件，再根据其标注信息生成对应的标注信息对象。

该步骤具体过程为：先通过相关api获取三维模型中所有几何对象，并去除重复的几何对象，生成轻量化模型文件，再通过相关UG/Open api获取三维模型中所有的标注信息生成标注信息对象。

步骤S2、对所有的标注信息对象进行预处理，获取标注信息对象的标注类型、标注指引线、标注值和标注平面数据，标注类型包括尺寸标注数据、形位公差数据和粗糙度数据，标注指引线包括引出点数据、指引箭头数据及线形、线宽，标注值包括基于标注类型分类的尺寸值及公差、形位公差值、粗糙度值和文字注释，标注平面数据包括标注平面原点和标注平面法向量数据。

该步骤的具体过程为：基于标注信息对象的标注类型，通过相关api对标注信息进行分类，得到尺寸标注对象、形位公差对象、基准对象、粗糙度对象和文本注释对象；记录每个标注对象的标注指引线数据和标注平面数据。

这里，对标注信息对象进行预处理，根据标注信息对象的标注类型主要分为四大类：尺寸的标注类型、形位公差与对应基准标注类型、粗糙度标注类型、文本注释类型，以每一个标注作为一个单独的对象处理，根据对象属性值来保存其类型和具体内容信息，以便后续的json化处理。标注信息含义如图2所示，每种类型都需获取的信息如下：唯一标识符(uuid)、指引线关联点(leaderLinePoint)、指引线类型(leaderLineType)、标注原点(annoOrigin)、标注平面法向量(annoPlaneNormal)。获取尺寸标注类型的相关信息，其相关信息包括尺寸界限(dimensionE)、尺寸线终端(dimensionB)、尺寸文本(dimensionT)、上公差(upperTolerance)、下公差(lowerTolerance)；获取形位公差标注类型的相关信息,其相关信息包括几何特征符号(GCS)、公差值(tolerranceValue)、公差值有关符号(tolVS)、基准字母(datumLetter)、基准相关符号(datLS)；获取基准标注类型的相关信息,其相关信息包括基准字母(datumLetter)；获取表面粗糙度标注类型的相关信息,其相关信息包括表面粗糙度符号类型(surfaceFinishType)、上部文本(sfa1)、下部文本(sfa2)、生产过程(sfb)、波纹(sfc)、放置符号(sfd)、切除(sff1)、次要公差度(sff2)、加工(sfe)。

步骤S3、对标注平面法向量数据按照象限区分后进行整数化处理，减少标注平面法向量数据存储的字节数。

该步骤的具体过程为：对于标注平面的归一法向量(n1,n2,n3)，首先在三维空间的八象限中，计算出其值所在的对应象限并记录下象限编号gradnum，将(0,1,2,3,4,5,6,7)分别表示一至八象限，象限编号用一个字节表示，执行n1＝abs(n1*65535)+0.5、n2＝abs(n2*65535)+0.5、n3＝abs(n3*65535)+0.5的运算，值取整数后每个分量用二个字节表示，从而减少标注平面法向量数据存储的字节数。

这里，经上述步骤S3处理后，一个包含3个浮点数，12个字节的法向量数据可以用(gradNum,n1,n2,n3)表示，将其压缩为7个字节。

步骤S4、对所有的标注信息对象的数据进行json化处理，生成保存后缀为json的标注信息文件。

其中，步骤S4的具体过程为：通过相关api将每个标注信息对象转化为json字符串，然后json字符串拼接起来，封装为一个包含所有的标注信息的json文件。

步骤S5、前端在读取轻量化模型文件的同时，根据获取的标注信息的数据结构重绘标注信息，之后利用webgl渲染场景；以及

该步骤的具体过程为：前端读取并解析包含标注信息的json文件，生成一个包含每个素数标注信息对象的数组对象，对数组中每个对象进行遍历，以THREE.JS作为3D引擎，根据指引线信息、标注内容和标注平面信息进行三维模型标注信息的重绘，重绘后的每一个标注对象皆为THREE.object3d对象，根据标注信息类型为THREE.object3d对象添加类型属性和标注平面的法向量属性，之后利用webgl渲染场景实现三维模型标注信息在web端的显示浏览。

步骤S6、针对三维模型在web虚拟空间中旋转、翻转情形，设计标注信息的动态显示算法，实现标注信息随模型姿态改变而自动翻转和改变位置。

该步骤的具体过程为：以three.js作为3D引擎，根据标注内容导入相应的文字符号，根据标注平面法向量和标注原点坐标确定标注内容姿态和位置，根据相机向量和标注平面法向量夹角α确定标注内容正反向，若α>90°标注内容反面朝向屏幕；若α<＝90°标注内容正面朝向屏幕，根据标注内容同水平两点在屏幕上的投影坐标，保证标注内容的顺序，也就是保证标注内容(文字符号)从左到右书写。

步骤S7、针对三维模型结构复杂时标注信息的复杂化，设计基准与关联标注的显示关联，并根据标注类型按尺寸标注数据、形位公差数据、粗糙度数据和文本注释数据进行分组，实现标注信息的分组显示浏览。

该步骤的具体过程为：遍历步骤S5中生成的标注信息数组对象，按步骤S2中的标注类型进行分组，并实现同一组别的对象绑定，添加每一个组别的三维标注内容的显示和隐藏功能，实现标注信息的分组显示浏览。

这里，遍历标注信息的THREE.object3d对象，根据对象的标注类型进行分别将不同类型的标注信息放入不同的数组之中，在系统中添加分组管理功能，利用THREE.object3d对象的visible属性实现三维标注信息的隐藏与显示。

步骤S8、针对三维模型结构复杂时标注信息的复杂化，以相机视角作为人眼观察视角，以观察视角作为模型主视角，设计标注信息的消除重影算法，隐藏观察主视角之外的标注信息，削弱观察主视角之外的标注信息的干涉重叠现象，

该步骤的具体过程为：记录每个标注对象的标注平面法向量信息，并形成数组[V1,V2,V3,V4,...]，在渲染循环中计算每一时刻的相机向量Vc，在渲染循环中计算Vc与每一标注平面法向量Vn的夹角θn，以相机向量作为观察主视角，设定阈值β，若θn<β，则认定对应的标注信息位于观察主视角之内，若θn>β，则认定对应的标注信息位于观察主视角之外，根据模型旋转过程中夹角θn的变化，实现观察主视角之外的标注信息的自动隐藏，消除观察主视角之外的标注信息干涉重叠现象。

这里，遍历标注信息的THREE.object3d对象，根据为THREE.object3d对象添加的标注平面法向量属性记录每个标注平面的法向量信息，并形成数组[V1,V2,V3,V4,...]，在渲染循环中计算每一时刻的相机向量Vc，在渲染循环中计算Vc与每一标注平面法向量Vn的夹角θn，以相机向量作为观察主视角，设定阈值β，若θn<β，则认定对应的标注信息位于观察主视角之内，若θn>β,则认定对应的标注信息位于观察主视角之外，根据模型旋转过程中夹角θn的变化，实现观察主视角之外的标注信息的自动隐藏，消除观察主视角之外的标注信息干涉重叠现象。

图3是本发明的实施例中网页端三维模型标注信息显示浏览系统的结构框图。

如图3所示，网页端三维模型标注信息显示浏览系统100基于上述网页端三维模型标注信息显示浏览方法进行显示浏览处理，它包括：软件交互单元10、通信单元20、数据处理单元30、计算单元40、执行单元50、存储单元60以及控制上述各单元运行的控制单元70。

软件交互单元10用于通过鼠标调整三维模型和三维标注信息的姿态，管理三维标注信息的显示方式。

通信单元20用于将三维模型的三维标注信息数据封装为JSON文件，通过网络实时通信协议上传至云服务器。

数据处理单元30用于对所提取的三维标注信息进行数据预处理以及标注信息在web端的显示浏览管理。

计算单元40用于在用户改变三维模型姿态的同时，计算三维标注信息的实时显示方式。

执行单元50用于识别用户开启标注信息分组与标注信息消影功能时，标注信息的自动隐藏和显示。

存储单元60用于对软件交互单元10、通信单元20、数据处理单元30、计算单元40以及执行单元50处理过程中产生第数据信息进行存储。

控制单元70包含用于控制软件交互单元10、通信单元20、数据处理单元30、计算单元40、执行单元50以及存储单元60运行的计算机程序。

基于该网页端三维模型标注信息显示浏览系统100的具体结构，用户进行操作的具体过程为：

用户通过浏览器访问部署于与服务器的三维模型标注信息显示浏览系统。通信单元将解析.prt格式的MBD模型文件，并提取出模型的标注信息，将其封装为轻量级数据存储文件—JSON文件，以适应网络环境传输对数据轻量化的要求，并借助通信协议WebSocket通过用户PC端的8093端口与云服务器进行数据交互，即解析MBD模型文件得到的标注信息数据实时上传至云服务器；软件交互单元部署三维模型标注信息显示浏览系统并配置Three.js库文件，并借助该库文件，实现标注信息的重绘、渲染，实现三维标注信息在web端的显示；计算单元用于用户在改变三维模型姿态的同时，得出标注信息的旋转变换矩阵，使得模型在任意姿态呈现时，标注信息得到正确的表达；执行单元响应用户对模型进行旋转、位移、缩放等交互操作或标注信息控制时，三维模型和三维标注信息能得到正确的显示方式。

实施例的作用与效果

根据本实施例所涉及的网页端三维模型标注信息显示浏览方法及系统，如图4所示，利用webgl技术实现三维模型标注信息在web端的重绘，解决了目前web端三维模型标注信息无法展示的问题。

如图5所示，根据三维模型的旋转、翻转，设计标注信息的实时显示算法，使得标注信息能按照规则跟着模型翻转、旋转而“翻转”，提高用户对模型PMI信息的直接获取，便于用户直观的理解设计意图，提高用户体验。如

图6(a)图和6(b)所示，通过对三维标注信息进行分组管理并定义基于相机的模型观察主视角，对观察主视角之外的标注信息进行隐藏，大大减弱了目前三维模型结构复杂时，三维标注信息呈现的干涉、重叠等“刺猬”现象。

虽然以上描述了本发明的具体实施方式，但是本领域的技术人员应当理解，这仅是举例说明，本发明的保护范围是由所附权利要求书限定的。本领域的技术人员在不背离本发明的原理和实质的前提下，可以对这些实施方式做出多种变更或修改，但这些变更和修改均落入本发明的保护范围。

Claims (10)

1.一种网页端三维模型标注信息显示浏览方法，其特征在于，包括以下步骤：

步骤S1、对三维模型进行预处理，获取所有几何对象并去除重复对象进而生成轻量化模型文件，再根据其标注信息生成对应的标注信息对象；

步骤S2、对所有的所述标注信息对象进行预处理，获取所述标注信息对象的标注类型、标注指引线、标注值和标注平面数据，所述标注类型包括尺寸标注数据、形位公差数据和粗糙度数据，所述标注指引线包括引出点数据、指引箭头数据及线形、线宽，所述标注值包括基于所述标注类型分类的尺寸值及公差、形位公差值、粗糙度值和文字注释，所述标注平面数据包括标注平面原点和标注平面法向量数据；

步骤S3、对所述标注平面法向量数据按照象限区分后进行整数化处理，减少所述标注平面法向量数据存储的字节数；

步骤S4、对所有的所述标注信息对象的数据进行json化处理，生成保存后缀为json的标注信息文件；

步骤S5、前端在读取所述轻量化模型文件的同时，根据获取的所述标注信息的数据结构重绘标注信息，之后利用webgl渲染场景；以及

步骤S6、针对所述三维模型在web虚拟空间中旋转、翻转情形，设计所述标注信息的动态显示算法，实现所述标注信息随模型姿态改变而自动翻转和改变位置。

2.根据权利要求1所述的一种网页端三维模型标注信息显示浏览方法，其特征在于：

其中，

所述步骤S1的具体过程为：先通过相关api获取所述三维模型中所有几何对象并去除重复的所述几何对象以生成所述轻量化模型文件，再通过相关api获取所述三维模型中所有的标注信息生成所述标注信息对象。

3.根据权利要求1所述的一种网页端三维模型标注信息显示浏览方法，其特征在于：

其中，所述步骤S2的具体过程为：基于所述标注信息对象的所述标注类型，通过相关api对所述标注信息进行分类，得到尺寸标注对象、形位公差对象、基准对象、粗糙度对象和文本注释对象；记录每个标注对象的标注指引线数据和标注平面数据。

4.根据权利要求1所述的一种网页端三维模型标注信息显示浏览方法，其特征在于：

其中，所述步骤S3的具体过程为：对于标注平面的归一法向量(n1,n2,n3)，首先在三维空间的八象限中，计算出其值所在的对应象限并记录下象限编号gradnum，将(0,1,2,3,4,5,6,7)分别表示一至八象限，象限编号用一个字节表示，执行n1＝abs(n1*65535)+0.5、n2＝abs(n2*65535)+0.5、n3＝abs(n3*65535)+0.5的运算，值取整数后每个分量用二个字节表示，从而减少所述标注平面法向量数据存储的字节数。

5.根据权利要求1所述的一种网页端三维模型标注信息显示浏览方法，其特征在于：

其中，所述步骤S4的具体过程为：通过相关api将每个所述标注信息对象转化为json字符串，然后json字符串拼接起来，封装为一个包含所有的所述标注信息的json文件。

6.根据权利要求1所述的一种网页端三维模型标注信息显示浏览方法，其特征在于：

其中，所述步骤S5的具体过程为：前端读取并解析包含标注信息的json文件，生成一个包含每个素数标注信息对象的数组对象，对数组中每个对象进行遍历，以THREE.JS作为3D引擎，根据指引线信息、标注内容和标注平面信息进行三维模型标注信息的重绘，之后利用webgl渲染场景实现三维模型标注信息在web端的显示浏览。

7.根据权利要求1所述的一种网页端三维模型标注信息显示浏览方法，其特征在于：

其中，所述步骤S6的具体过程为：以three.js作为3D引擎，根据标注内容导入相应的文字符号，根据标注平面法向量和标注原点坐标确定标注内容姿态和位置，根据相机向量和标注平面法向量夹角α确定标注内容正反向，若α>90°标注内容反面朝向屏幕；若α<＝90°标注内容正面朝向屏幕，根据标注内容同水平两点在屏幕上的投影坐标，保证标注内容的顺序。

8.根据权利要求1所述的一种网页端三维模型标注信息显示浏览方法，其特征在于，还包括：

步骤S7、针对所述三维模型结构复杂时标注信息的复杂化，设计基准与关联标注的显示关联，并根据标注类型按尺寸标注数据、形位公差数据、粗糙度数据和文本注释数据进行分组，实现标注信息的分组显示浏览，

其中，所述步骤S7的具体过程为：遍历所述步骤S5中生成的标注信息数组对象，按所述步骤S2中的标注类型进行分组，并实现同一组别的对象绑定，添加每一个组别的三维标注内容的显示和隐藏功能，实现标注信息的分组显示浏览。

9.根据权利要求8所述的一种网页端三维模型标注信息显示浏览方法，其特征在于，还包括：

步骤S8、针对所述三维模型结构复杂时标注信息的复杂化，以相机视角作为人眼观察视角，以观察视角作为模型主视角，设计标注信息的消除重影算法，隐藏观察主视角之外的标注信息，削弱观察主视角之外的标注信息的干涉重叠现象，

其中，所述步骤S8的具体过程为：记录每个标注对象的标注平面法向量信息，并形成数组[V1,V2,V3,V4,...]，在渲染循环中计算每一时刻的相机向量Vc，在渲染循环中计算Vc与每一标注平面法向量Vn的夹角θn，以相机向量作为观察主视角，设定阈值β，若θn<β，则认定对应的标注信息位于观察主视角之内，若θn>β，则认定对应的标注信息位于观察主视角之外，根据模型旋转过程中夹角θn的变化，实现观察主视角之外的标注信息的自动隐藏，消除观察主视角之外的标注信息干涉重叠现象。

10.一种用于实现权利要求1-9中任意一项所述的网页端三维模型标注信息显示浏览方法的系统，其特征在于，包括：

软件交互单元、通信单元、数据处理单元、存储单元、计算单元和执行单元；

其中，所述软件交互单元用于调整三维模型和三维标注信息的姿态，管理三维标注信息的显示方式，

所述通信单元用于将三维模型的三维标注信息数据封装为JSON文件，通过网络实时通信协议上传至云服务器，

所述数据处理单元用于对所提取的三维标注信息进行数据预处理以及标注信息在web端的显示浏览管理，

所述计算单元用于在改变三维模型姿态的同时，计算三维标注信息的实时显示方式，

所述执行单元用于识别用户开启标注信息分组与标注信息消影功能时，标注信息的自动隐藏和显示。