基于浏览器的布局绘制方法、装置、电子设备及介质

摘要

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

说明书

技术领域

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

背景技术

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

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

发明内容

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

所述关联数据和所述预设场景将分别存储至不同数据库内。

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

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

识别模块，用于识别所述目标图形文件内包含的设备图形；

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

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

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

根据本公开实施例的一种具体实现方式，所述放置模块还用于：

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

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

第三方面，本公开实施例还提供了一种电子设备，该电子设备包括：

至少一个处理器；以及，

与该至少一个处理器通信连接的存储器；其中，

该存储器存储有可被该至少一个处理器执行的指令，该指令被该至少一个处理器执行，以使该至少一个处理器能够执行前述第一方面或第一方面的任一实现方式中的基于浏览器的布局绘制方法。

第四方面，本公开实施例还提供了一种非暂态计算机可读存储介质，该非暂态计算机可读存储介质存储计算机指令，该计算机指令用于使该计算机执行前述第一方面或第一方面的任一实现方式中的基于浏览器的布局绘制方法。

第五方面，本公开实施例还提供了一种计算机程序产品，该计算机程序产品包括存储在非暂态计算机可读存储介质上的计算程序，该计算机程序包括程序指令，当该程序指令被计算机执行时，使该计算机执行前述第一方面或第一方面的任一实现方式中的基于浏览器的布局绘制方法。

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

附图说明

为了更清楚地说明本公开实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。

图1为本公开实施例提供的一种基于浏览器的布局绘制方法的流程示意图；

图2为本公开实施例提供的一种基于浏览器的布局绘制方法的部分流程示意图；

图3为本公开实施例提供的一种基于浏览器的布局绘制装置的结构示意图；

图4为本公开实施例提供的电子设备示意图。

具体实施方式

下面结合附图对本公开实施例进行详细描述。

以下通过特定的具体实例说明本公开的实施方式，本领域技术人员可由本说明书所揭露的内容轻易地了解本公开的其他优点与功效。显然，所描述的实施例仅仅是本公开一部分实施例，而不是全部的实施例。本公开还可以通过另外不同的具体实施方式加以实施或应用，本说明书中的各项细节也可以基于不同观点与应用，在没有背离本公开的精神下进行各种修饰或改变。需说明的是，在不冲突的情况下，以下实施例及实施例中的特征可以相互组合。基于本公开中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本公开保护的范围。

需要说明的是，下文描述在所附权利要求书的范围内的实施例的各种方面。应显而易见，本文中所描述的方面可体现于广泛多种形式中，且本文中所描述的任何特定结构及/或功能仅为说明性的。基于本公开，所属领域的技术人员应了解，本文中所描述的一个方面可与任何其它方面独立地实施，且可以各种方式组合这些方面中的两者或两者以上。举例来说，可使用本文中所阐述的任何数目个方面来实施设备及/或实践方法。另外，可使用除了本文中所阐述的方面中的一或多者之外的其它结构及/或功能性实施此设备及/或实践此方法。

还需要说明的是，以下实施例中所提供的图示仅以示意方式说明本公开的基本构想，图式中仅显示与本公开中有关的组件而非按照实际实施时的组件数目、形状及尺寸绘制，其实际实施时各组件的型态、数量及比例可为一种随意的改变，且其组件布局型态也可能更为复杂。

另外，在以下描述中，提供具体细节是为了便于透彻理解实例。然而，所属领域的技术人员将理解，可在没有这些特定细节的情况下实践所述方面。

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

参见图1，为本公开实施例提供的一种基于浏览器的布局绘制方法的流程示意图。如图1所示，所述方法主要包括以下步骤：

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

具体实施时，电子设备可以获取所述待显示在浏览器的目标图形文件，所述目标图形文件可以是采用CAD等绘图软件绘制的图形文件，也可以是所述目标图形文件对应的图像文件，然后将所述目标图形文件导入到所述预设场景内，所述预设场景可以为电器设备实际安装场景对应的缩略图。

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

例如，可以对所述目标图形文件内的图像数据进行识别，分析得到所述目标图形文件内包含的设备图形例如灭火器图形、变压器图形或冷冻泵图形等。

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

具体实施时，所述模型列表可以为预设根据全部设备对应的模型图集合，然后可以从所述模型列表内选取与所述设备图形对应的目标模型。

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

具体的，所述目标图形文件可以包含全部所述设备图形对应的参数，在选取与所述设备图形对应的目标模型后，可以根据所述设备图形的参数将所述目标模型放置在所述预设场景内，以使得所述目标模型放置的位置与设备在实际场景中的放置位置一致。

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

将所述目标模型放置在所述预设场景内后，可以将所述预设场景内的全部所述目标模型与其对应的外界设备关联，并形成所述布局文件，以使得可以通过调用所述布局文件对全部所述外界设备进行监测。

本公开实施例提供的基于浏览器的布局绘制方法，通过根据目标图形文件选取对应的目标模型，并将目标模型对外界设备管理，形成布局文件经过管理监控，提高了基于浏览器的布局绘制方法的监测实时性和精准度。

在上述实施例的基础上，步骤S102所述的，识别所述目标图形文件内包含的设备图形，包括：

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

例如，可以采用图像分割算法，将所述目标图形文件划分为多个所述子图像，以使得每个所述子图像内至少包括一个所述设备图形，便于后续进行识别操作。

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

具体实施时，在划分得到多个所述子图像后，可以分别识别全部所述子图像，得到每张所述子图像对应的特征数据，所述特征数据包括设备名称、尺寸参数和位置参数，当然，也可以根据实际需求增减不同的特征数据。

进一步的，S103所述的，从模型列表内选取与所述设备图形对应的目标模型，包括：

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

例如，若识别所述子图像对应的设备名称为变压器，则可以从所述模型列表内选取名称为变压器的初始模型，然后将所述初始模型作为所述目标模型。

可选的，如图2所示，步骤S104所述的，根据所述设备图形的参数将所述目标模型放置在所述预设场景内，包括：

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

考虑到所述预设场景是对应实际场景按比例缩放的图像，所述尺寸参数为设备的实际尺寸，则结合该比例和所述尺寸参数对所述目标模型进行缩放，以保证所述目标模型在预设场景内的装配关系与设备在实际场景的装配关系一致。

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

具体实施时，所述位置参数可以包含电气设备的朝向和连接关系等，根据所述位置参数，将进行所述缩放操作后的目标模型调整位置后放置在所述预设场景内。

在上述实施例的基础上，步骤S105所述的，将所述预设场景内的全部所述目标模型与外界设备关联，形成布局文件，包括：

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

具体实施时，可以将全部所述目标模型分别请求其对应的外界设备的目标资源，所述目标资源可以为设备属性如温度、湿度、设备运行状态、开关阀的开关状态或压力等参数，从而形成所述关联数据。

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

具体实施时，根据全部所述关联数据和所述预设场景形成所述布局文件，以便于后续可以通过调用所述布局文件对全部所述外界设备进行监测。

可选的，所述根据全部所述关联数据和所述预设场景形成所述布局文件的步骤之后，所述方法还包括：

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

所述关联数据和所述预设场景将分别存储至不同数据库内。

具体实施时，考虑到对所述布局文件直接存储，在进行调用加载时，会导致系统运行速度变慢，可以先将所述布局文件内的所述关联数据和所述预设场景进行绑定，然后将所述关联数据和所述预设场景将分别存储至不同数据库内，以使得后续可以实现按需加载，提高系统运行速度。

与上面的方法实施例相对应，参见图3，本公开实施例还提供了一种基于浏览器的布局绘制装置30，包括：

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

识别模块302，用于识别所述目标图形文件内包含的设备图形；

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

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

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

可选的，所述放置模块304还用于：

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

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

图3所示装置可以对应的执行上述方法实施例中的内容，本实施例未详细描述的部分，参照上述方法实施例中记载的内容，在此不再赘述。

参见图4，本公开实施例还提供了一种电子设备40，该电子设备包括：

至少一个处理器；以及，

与该至少一个处理器通信连接的存储器；其中，

该存储器存储有可被该至少一个处理器执行的指令，该指令被该至少一个处理器执行，以使该至少一个处理器能够执行前述方法实施例中的基于浏览器的布局绘制方法。

本公开实施例还提供了一种非暂态计算机可读存储介质，该非暂态计算机可读存储介质存储计算机指令，该计算机指令用于使该计算机执行前述方法实施例中的基于浏览器的布局绘制方法。

本公开实施例还提供了一种计算机程序产品，该计算机程序产品包括存储在非暂态计算机可读存储介质上的计算程序，该计算机程序包括程序指令，当该程序指令被计算机执行时，使该计算机执行前述方法实施例中的基于浏览器的布局绘制方法。

下面参考图4，其示出了适于用来实现本公开实施例的电子设备40的结构示意图。本公开实施例中的电子设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图4示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图4所示，电子设备40可以包括处理装置(例如中央处理器、图形处理器等)401，其可以根据存储在只读存储器(ROM)402中的程序或者从存储装置408加载到随机访问存储器(RAM)403中的程序而执行各种适当的动作和处理。在RAM 403中，还存储有电子设备40操作所需的各种程序和数据。处理装置401、ROM 402以及RAM 403通过总线404彼此相连。输入/输出(I/O)接口405也连接至总线404。

通常，以下装置可以连接至I/O接口405：包括例如触摸屏、触摸板、键盘、鼠标、图像传感器、麦克风、加速度计、陀螺仪等的输入装置406；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置407；包括例如磁带、硬盘等的存储装置408；以及通信装置409。通信装置409可以允许电子设备40与其他设备进行无线或有线通信以交换数据。虽然图中示出了具有各种装置的电子设备40，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。

特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置409从网络上被下载和安装，或者从存储装置408被安装，或者从ROM 402被安装。在该计算机程序被处理装置401执行时，执行本公开实施例的方法中限定的上述功能。

需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。

上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。

上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备可以执行上述方法实施例的相关步骤。

或者，上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备可以执行上述方法实施例的相关步骤。

可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。

应当理解，本公开的各部分可以用硬件、软件、固件或它们的组合来实现。

以上所述，仅为本公开的具体实施方式，但本公开的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本公开揭露的技术范围内，可轻易想到的变化或替换，都应涵盖在本公开的保护范围之内。因此，本公开的保护范围应以权利要求的保护范围为准。