[发明专利]基于浏览器的布局绘制方法、装置、电子设备及介质

说明书

本公开实施例中提供了一种基于浏览器的布局绘制方法、装置、电子设备及介质，属于电学技术领域，具体包括：获取待显示在浏览器的目标图形文件并导入到所述浏览器的预设场景内；识别所述目标图形文件内包含的设备图形；从模型列表内选取与所述设备图形对应的目标模型；根据所述设备图形的参数将所述目标模型放置在所述预设场景内；将所述预设场景内的全部所述目标模型与外界设备关联，形成布局文件。通过本公开的方案，根据目标图形文件选取对应的目标模型，并将目标模型对外界设备管理，形成布局文件经过管理监控，提高了基于浏览器的布局绘制方法的监测实时性和精准度。

技术领域

本公开涉及电学技术领域，尤其涉及一种基于浏览器的布局绘制方法、装置、电子设备及介质。

背景技术

目前，随着社会的发展，家庭装修或者工业生产中中会装配很多电气设备，为了实现对电气设备布局和运行状态的监控，通常需要根据现场环境，在专业的绘图软件上绘制布局图纸，并通过相同的软件查看该图像，然后人工根据该图纸去往电气设备对应的位置查看电气设备的运行状态，监控效率较低且人工监测时可能会对运行状态出现误判，且由于人工监控不具有实时性，在电气设备出现故障时难以及时预警和处理。

可见，亟需一种能在浏览器上形成布局文件，实现实时监测且监测精准度高的基于浏览器的布局绘制方法。

发明内容

有鉴于此，本公开实施例提供一种基于浏览器的布局绘制方法、装置、电子设备及介质，至少部分解决现有技术中存在的问题。

第一方面，本公开实施例提供了一种基于浏览器的布局绘制方法，包括：

获取待显示在浏览器的目标图形文件并导入到所述浏览器的预设场景内；

识别所述目标图形文件内包含的设备图形；

从模型列表内选取与所述设备图形对应的目标模型；

根据所述设备图形的参数将所述目标模型放置在所述预设场景内；

将所述预设场景内的全部所述目标模型与外界设备关联，形成布局文件。

根据本公开实施例的一种具体实现方式，所述识别所述目标图形文件内包含的设备图形的步骤，包括：

将所述目标图形文件划分为多个子图像，其中，每个所述子图像内至少包括一个所述设备图形；

识别全部所述子图像内的设备图形对应的特征数据，其中，所述特征数据包括设备名称、尺寸参数和位置参数。

根据本公开实施例的一种具体实现方式，所述从模型列表内选取与所述设备图形对应的目标模型的步骤，包括：

从所述模型列表内选取与所述设备名称对应的目标模型。

根据本公开实施例的一种具体实现方式，所述根据所述设备图形的参数将所述目标模型放置在所述预设场景内的步骤，包括：

根据所述尺寸参数对所述目标模型进行缩放操作；

根据所述位置参数，将进行所述缩放操作后的目标模型调整位置后放置在所述预设场景内。

根据本公开实施例的一种具体实现方式，所述将所述预设场景内的全部所述目标模型与外界设备关联，形成布局文件的步骤，包括：

将全部所述目标模型分别请求其对应的外界设备的目标资源，形成关联数据；

根据全部所述关联数据和所述预设场景形成所述布局文件。

根据本公开实施例的一种具体实现方式，所述根据全部所述关联数据和所述预设场景形成所述布局文件的步骤之后，所述方法还包括：

将所述布局文件内的所述关联数据和所述预设场景进行绑定；