一种基于WebGL的PDF图纸矢量仿真方法与流程

本发明涉及建筑施工审查，尤其涉及一种基于webgl的pdf图纸矢量仿真方法。

背景技术：

1、目前随着技术不断的发展，建筑施工图审查逐渐脱离线下纸质化的审查方式，使用线上对建筑施工图纸电子文档进行审查的方式能够提高审图效率，其中pdf就是一种常见的建筑施工图纸文档格式。

2、但是现有的在对pdf格式图纸进行审查时，需要下载和安装pdf阅读软件，不方便在线查看，且下载和安装软件后看图时不能够自如的进行操作，从而导致审图效率低。

3、综上所述，提出一种能够在线查看且看图时可自如操作，从而提高审图效率的pdf图纸矢量仿真方法是十分有必要的。

技术实现思路

1、本发明的目的在于提供一种基于webgl的pdf图纸矢量仿真方法，旨在解决现有技术中的在对pdf格式图纸进行审查时，需要下载和安装pdf阅读软件，不方便在线查看，且下载和安装软件后看图时不能够自如的进行操作，从而导致审图效率低的技术问题。

2、为实现上述目的，本发明采用的一种基于webgl的pdf图纸矢量仿真方法，包括如下步骤：

3、步骤一：基于pdf规范解析pdf图纸，获取图形矢量数据；

4、步骤二：利用webgl技术将获取到的图形矢量数据渲染到网页，进行平移、缩放、旋转、黑底阅览效果；

5、步骤三：通过js扩展增加对pdf图纸进行电子测量和电子标注，完成仿真。

6、其中，在步骤一：基于pdf规范解析pdf图纸，获取图形矢量数据的步骤中：

7、所述图形矢量数据包括图形元素的坐标、形状、颜色、线型属性数据；所述图形元素包括线条、曲线、多边形、文本。

8、其中，在步骤二：利用webgl技术将获取到的图形矢量数据渲染到网页，进行平移、缩放、旋转、黑底阅览效果的步骤中：

9、在平移、缩放、旋转阅览的过程中，通过捕捉用户在界面上的拖拽、滚轮滑动操作，对渲染后的图形数据进行相应的坐标属性调整。

10、其中，在步骤二：利用webgl技术将获取到的图形矢量数据渲染到网页，进行平移、缩放、旋转、黑底阅览效果的步骤中。

11、其中，在步骤三：通过js扩展增加对pdf图纸进行电子测量和电子标注，完成仿真的步骤中：

12、电子测量包括校准、测量长度、测量面积、测量角度、焦点捕获。

13、其中，在步骤三：通过js扩展增加对pdf图纸进行电子测量和电子标注，完成仿真的步骤中：

14、在进行校准时，捕获用户在界面上点击选择的两个点位，根据点位的坐标数据计算出其长度，并根据用户设置的长度数据及单位作为后续测量的标准；

15、在测量长度时，捕获用户在界面上点击选择的两个点位，根据点位的坐标数据计算出其长度，根据校准时的标准计算出长度数据；

16、在测量面积时，捕获用户在界面上点击选择的数个点位，根据点位的坐标数据计算出其围起来的面积，根据校准时的标准计算出面积数据；

17、在测量角度时，捕获用户在界面上点击选择的三个点位，根据点位的坐标数据计算出角度数据；

18、在焦点捕获时，基于步骤二所渲染的图形矢量数据，当捕捉到用户鼠标指针靠近线、两线交点图形时，点击可直接捕捉到该线、交点的坐标。

19、其中，在步骤三：通过js扩展增加对pdf图纸进行电子测量和电子标注，完成仿真的步骤中：

20、电子标注包括云线、折线、云折线、文本标注。

21、其中，在步骤三：通过js扩展增加对pdf图纸进行电子测量和电子标注，完成仿真的步骤中：

22、进行电子标注时，捕获用户在界面上绘制标注的图形矢量数据，将其保存到数据库中，在步骤二渲染加载pdf图纸时从数据库中获取保存的标注数据一并加载到界面上。

23、本发明的一种基于webgl的pdf图纸矢量仿真方法，通过步骤一：基于pdf规范解析pdf图纸，获取图形矢量数据；步骤二：利用webgl技术将获取到的图形矢量数据渲染到网页，进行平移、缩放、旋转、黑底阅览效果；步骤三：通过js扩展增加对pdf图纸进行电子测量和电子标注，完成仿真；能够在线查看且看图时可自如操作，实现了提高审图效率。

技术特征：

1.一种基于webgl的pdf图纸矢量仿真方法，其特征在于，包括如下步骤：

2.如权利要求1所述的基于webgl的pdf图纸矢量仿真方法，其特征在于，在步骤一：基于pdf规范解析pdf图纸，获取图形矢量数据的步骤中：

3.如权利要求1所述的基于webgl的pdf图纸矢量仿真方法，其特征在于，在步骤二：利用webgl技术将获取到的图形矢量数据渲染到网页，进行平移、缩放、旋转、黑底阅览效果的步骤中：

4.如权利要求1所述的基于webgl的pdf图纸矢量仿真方法，其特征在于，在步骤二：利用webgl技术将获取到的图形矢量数据渲染到网页，进行平移、缩放、旋转、黑底阅览效果的步骤中：

5.如权利要求1所述的基于webgl的pdf图纸矢量仿真方法，其特征在于，在步骤三：通过js扩展增加对pdf图纸进行电子测量和电子标注，完成仿真的步骤中：

6.如权利要求5所述的基于webgl的pdf图纸矢量仿真方法，其特征在于，在步骤三：通过js扩展增加对pdf图纸进行电子测量和电子标注，完成仿真的步骤中：

7.如权利要求1所述的基于webgl的pdf图纸矢量仿真方法，其特征在于，在步骤三：通过js扩展增加对pdf图纸进行电子测量和电子标注，完成仿真的步骤中：

8.如权利要求7所述的基于webgl的pdf图纸矢量仿真方法，其特征在于，在步骤三：通过js扩展增加对pdf图纸进行电子测量和电子标注，完成仿真的步骤中：

技术总结本发明涉及建筑施工审查技术领域，具体涉及一种基于WebGL的PDF图纸矢量仿真方法；步骤一：基于PDF规范解析PDF图纸，获取图形矢量数据；步骤二：利用WebGL技术将获取到的图形矢量数据渲染到网页，进行平移、缩放、旋转、黑底阅览效果；步骤三：通过js扩展增加对PDF图纸进行电子测量和电子标注，完成仿真；通过上述方式，能够在线查看且看图时可自如操作，实现了提高审图效率。技术研发人员：高盛立,倪文静,徐华明,林圣美,王美香,詹嘉丹,徐林,黄旭光,周坚良,李文辉,颜芳受保护的技术使用者：泰州市抗震办公室（泰州市建设工程施工图设计审查中心）技术研发日：技术公布日：2024/7/29