本技术涉及计算机可视化分析，特别是涉及一种连接线绘制方法及b/s架构下的物体交互连接线的绘制方法。
背景技术：
1、随着浏览器对3d绘图协议(web graphics library，webgl)的支持力度越来越大，三维建模和可视化得到了广泛的发展，例如，数字孪生系统。一般情况下一个数字孪生系统会有实体模型(孪生体)建模、传感器数据收集、模型与实物关联、交互控制、模块集成和数据展示等过程。
2、在数据展示过程中，通过鼠标与3d物体进行交互拾取3d物体，拾取到3d物体后一般采用在网页平面添加表格或模态框等进行数据展示。
3、但由于表格或模态框等二维元素所在平面是二维空间，与3d物体所在的三维空间是两个独立的空间，因此，如何绘制二维元素与3d物体之间的连接线，以提高3d物体与二维元素的关联性成为目前亟需解决的问题。
技术实现思路
1、基于此，有必要针对上述技术问题，提供一种能够提高三维物体与二维元素关联性的连接线绘制方法及b/s架构下的物体交互连接线的绘制方法。
2、第一方面，本技术提供了一种连接线绘制方法，所述方法包括：
3、获取对屏幕上显示的三维模型的三维组件的第一操作指令；
4、确定与所述第一操作指令对应的所述三维组件的第一空间位置；
5、根据所述三维模型的观察点的第二空间位置确定待连接点空间位置；
6、根据所述三维组件的所述第一空间位置、所述待连接点空间位置以及二维元素在所述屏幕上的位置，绘制所述三维组件和所述二维元素之间的目标连接线，所述二维元素用于展示与所述第一操作指令对应的所述三维组件的数据。在其中一个实施例中，所述第一操作指令包括对所述屏幕上显示的所述三维模型的至少两个三维组件的操作指令。
7、在其中一个实施例中，所述根据所述三维模型的观察点的第二空间位置确定待连接点空间位置，包括：
8、根据所述第二空间位置确定目标线段；
9、基于所述目标线段，确定所述待连接点空间位置。
10、在其中一个实施例中，所述根据所述第二空间位置确定目标线段，包括：
11、根据所述第二空间位置与所述三维模型所处的三维空间坐标系的原点位置确定所述目标线段。
12、在其中一个实施例中，所述根据所述第二空间位置确定目标线段，包括：
13、根据所述第二空间位置与所述第一空间位置确定所述目标线段。
14、在其中一个实施例中，所述基于所述目标线段，确定所述待连接点空间位置，包括：
15、按照预设比例在所述目标线段上确定所述待连接点空间位置。
16、在其中一个实施例中，所述根据所述三维组件的所述第一空间位置、所述待连接点空间位置以及二维元素在所述屏幕上的位置，绘制所述三维组件和所述二维元素之间的目标连接线，包括：
17、根据所述第一空间位置和所述待连接点空间位置确定第一连接线；
18、确定所述待连接点空间位置在所述屏幕上的投影位置；
19、根据所述投影位置以及所述二维元素在所述屏幕上的位置，绘制第二连接线；所述三维组件和所述二维元素之间的目标连接线包括所述第一连接线和所述第二连接线。
20、在其中一个实施例中，所述确定与所述第一操作指令对应的所述三维组件的第一空间位置，包括：
21、根据所述第二空间位置和所述第一操作指令在所述屏幕上对应的操作位置，确定目标直线；
22、根据所述目标直线与所述三维组件的相交点位置，确定所述三维组件的第一空间位置。
23、第二方面，本技术还提供了一种b/s架构下的物体交互连接线的绘制方法，所述方法包括：
24、响应于浏览器的打开操作，在画布上加载三维模型；所述画布绑定交互事件；
25、根据第一操作指令确定三维组件的第一空间位置；所述第一操作指令包括对所述画布上显示的所述三维模型的三维组件的操作指令；
26、确定所述第一空间位置和待连接点空间位置在所述画布上的第一连接线；
27、确定所述待连接点空间位置在所述画布上的投影位置；所述待连接点空间位置根据所述三维模型的观察点的第二空间位置确定；
28、根据所述投影位置和所述三维组件所对应的二维元素在所述画布上的位置，绘制第二连接线，所述三维组件与所述二维元素之间的目标连接线包括所述第一连接线和所述第二连接线。
29、在其中一个实施例中，若所述第一操作指令包括对所述画布上显示的所述三维模型的至少两个三维组件的操作指令，所述根据第一操作指令确定三维组件的第一空间位置，包括：
30、根据各所述三维组件的操作指令，确定对应的所述三维组件的第一空间位置；
31、所述确定所述第一空间位置和所述待连接点空间位置在所述画布上的第一连接线，包括：
32、确定各所述三维组件对应的所述第一空间位置和所述待连接点空间位置在所述画布上的第一连接线。
33、在其中一个实施例中，所述方法还包括：
34、根据所述第一操作指令，对所述三维组件进行颜色渲染。
35、在其中一个实施例中，所述方法还包括：
36、获取所述三维组件的第二操作指令和针对所述三维组件所对应的二维元素的第三操作指令；所述第二操作指令用于调整所述三维组件的位置，所述第三操作指令用于调整所述二维元素的位置；
37、根据所述第二操作指令确定所述三维组件的新第一空间位置；
38、根据所述第三操作指令确定所述三维组件所对应的二维元素在所述画布上的新位置；
39、根据所述新第一空间位置、所述待连接点空间位置和所述二维元素在所述画布上的新位置，重新绘制所述三维组件和所述二维元素之间的目标连接线。
40、第三方面，本技术还提供了一种设备监控方法，其特征在于，所述方法包括：
41、在三维模型中点选所述三维模型的三维组件；所述三维模型为待监控设备，所述三维模型的三维组件是所述待监控设备的待监控部件；
42、获取所述三维组件的监控数据；所述监控数据为所述待监控部件对应的数据；所述待监控部件与用于展示所述监控数据的二维元素之间的连接线，根据上述实施例的任一项所述方法绘制而成。
43、在其中一个实施例中，所述三维组件包括至少两个三维组件；所述获取所述三维组件的监控数据，包括：
44、获取所述至少两个三维组件的所述监控数据。
45、第四方面，本技术还提供了一种连接线绘制装置，所述装置包括：
46、第一获取模块，用于获取对屏幕上显示的三维模型的三维组件的第一操作指令；
47、第一确定模块，用于确定与所述第一操作指令对应的所述三维组件的第一空间位置；
48、第二确定模块，用于根据所述三维模型的观察点的第二空间位置确定待连接点空间位置；
49、第一绘制模块，用于根据所述三维组件的所述第一空间位置、所述待连接点空间位置以及二维元素在所述屏幕上的位置，绘制所述三维组件和所述二维元素之间的目标连接线，所述二维元素用于展示与所述第一操作指令对应的所述三维组件的数据。
50、第五方面，本技术还提供了一种计算机设备，所述计算机设备包括存储器和处理器，所述存储器存储有计算机程序，所述计算机程序被处理器执行时实现上述第一方面中任一实施例提供的步骤。
51、第六方面，本技术还提供了一种计算机可读存储介质。所述计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述第一方面中任一实施例提供的步骤。
52、第七方面，本技术还提供了一种计算机程序产品，所述计算机程序产品，包括计算机程序，所述计算机程序被处理器执行时实现上述第一方面中任一实施例提供的步骤。
53、上述连接线绘制方法及b/s架构下的物体交互连接线的绘制方法，通过获取对屏幕上显示的三维模型的三维组件的第一操作指令，以及确定与第一操作指令对应的三维组件的第一空间位置，根据三维模型的观察点的第二空间位置确定待连接点空间位置，从而根据三维组件的第一空间位置、待连接点空间位置以及二维元素在屏幕上的位置，绘制三维组件和二维元素之间的目标连接线，二维元素用于展示与第一操作指令对应的三维组件的数据。本实施例中，利用待连接点空间位置作为关联点，利用待连接点空间位置将三维模型的三维组件的第一空间位置和二维元素在屏幕上的位置进行连接，绘制目标连接线，将三维组件和二维元素之间建立连接关系，使得数据传递上更加清晰，交互体验上反馈及时，提高了用户浏览体验。
1.一种连接线绘制方法，其特征在于，所述方法包括：
2.根据权利要求1所述的方法，其特征在于，所述第一操作指令包括对所述屏幕上显示的所述三维模型的至少两个三维组件的操作指令。
3.根据权利要求1所述的方法，其特征在于，所述根据所述三维模型的观察点的第二空间位置确定待连接点空间位置，包括：
4.根据权利要求3所述的方法，其特征在于，所述根据所述第二空间位置确定目标线段，包括：
5.根据权利要求3所述的方法，其特征在于，所述根据所述第二空间位置确定目标线段，包括：
6.根据权利要求4所述的方法，其特征在于，所述基于所述目标线段，确定所述待连接点空间位置，包括：
7.根据权利要求1所述的方法，其特征在于，所述根据所述三维组件的所述第一空间位置、所述待连接点空间位置以及二维元素在所述屏幕上的位置，绘制所述三维组件和所述二维元素之间的目标连接线，包括：
8.根据权利要求1所述的方法，其特征在于，所述确定与所述第一操作指令对应的所述三维组件的第一空间位置，包括：
9.一种b/s架构下的物体交互连接线的绘制方法，其特征在于，所述方法包括：
10.根据权利要求9所述的方法，其特征在于，若所述第一操作指令包括对所述画布上显示的所述三维模型的至少两个三维组件的操作指令，所述根据第一操作指令确定三维组件的第一空间位置，包括：
11.根据权利要求9所述的方法，其特征在于，所述方法还包括：
12.根据权利要求9所述的方法，其特征在于，所述方法还包括：
13.一种设备监控方法，其特征在于，所述方法包括：
14.根据权利要求13所述的方法，其特征在于，所述三维组件包括至少两个三维组件；所述获取所述三维组件的监控数据，包括：
15.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至14中任一项所述的方法的步骤。
16.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至14中任一项所述的方法的步骤。
17.一种计算机程序产品，包括计算机程序，其特征在于，该计算机程序被处理器执行时实现权利要求1至14中任一项所述的方法的步骤。
