基于制造技术

本发明专利技术公开了基于

【技术实现步骤摘要】
基于SVG技术的二维可视化编辑方法及系统


[0001]本专利技术涉及可视化
，具体地说是一种基于
SVG
技术的二维可视化编辑方法及系统
。

技术介绍

[0002]编辑器，就是基于对一个文件
、
一个视频
、
一串数字等进行编辑或者再次编辑的工具
。
一般是为了文件
、
视频或者字符有更好的体现功能才进行的编辑
。
[0003]随着技术的发展以及用户对视觉可视化要求程度的提高，对关键模块的视觉要求程度的重要性也越来也高，用户在工作过程中反复数据查询，造成思路不清晰，进而工作效率低下的问题
。
[0004]故如何合理的规划对象模型的展示方式，减轻用户对查询对象查询困难的影响，同时提高工作效率是目前亟待解决的技术问题
。

技术实现思路

[0005]本专利技术的技术任务是提供一种基于
SVG
技术的二维可视化编辑方法及系统，来解决如何合理的规划对象模型的展示方式，减轻用户对查询对象查询困难的影响，同时提高工作效率的问题
。
[0006]本专利技术的技术任务是按以下方式实现的，一种基于
SVG
技术的二维可视化编辑方法，该方法是加载图像编辑器，在编辑器中依据不同需求类型构建对应的
SVG
图元；并依据需求对象模型对应对象的节点图元及支路图元，节点图元
、
支路图元依据运行状态以不同的颜色及虚实图形分别构建；并存取和读取对象数据以图谱形式对应图元节点，进而合并形成闭环模型；具体如下：
[0007]图元的构建及划分；
[0008]绘制模型；
[0009]数据灌入及存取；
[0010]合并生成闭环模型：对象模型绘制完成后，进行关联合并生成，形成完整的二维模型图谱
。
[0011]作为优选，图元的构建及划分具体如下：
[0012]根据不同对象的类型定义图元名称，并绘制图元，同时对图元进行按类分组；其中，对图元所包含的状态信息及虚实信息标识分别进行创建，进而对应的图元颜色标识同时进行对应及区分设置
。
[0013]作为优选，绘制模型具体如下：
[0014]根据所绘对象模型的原理图，按照与图元的分组进行描绘绘制，逐一还原形成所绘对象
。
[0015]作为优选，对象模型分为基本数据和状态数据两部分，基本数据和状态数据根据不同方式进行分别存储
。
[0016]更优地，基本数据为对象模型的流数据，根据每一对象所对应的图元元件
ID
进行数据存储，便于用户在对单一元件进行图谱绘成后的数据信息查询
。
[0017]更优地，状态数据为图元流数据的状态数据，根据图元状态信息根据图元元件
ID
对应其状态显示，便于用户在查询和检查过程中通过显示的状态及对应的元件颜色进行判断所绘对象模型的运行情况；状态数据信息包括在线
、
离线
、
告警
、
建链
。
[0018]一种基于
SVG
技术的二维可视化编辑系统，该系统包括：
[0019]图形编辑器，集成画板及图元的编辑工具，用于根据绘制的图像模型进行自定义二维图谱编排；
[0020]图元识别单元，用于在对象模型中精确识别每一图元对应的设备相关信息及属性；
[0021]终端无线上传单元，用于在对象模型对应的各节点的终端上进行数据采集，同时通过无线上传系统进行上传至服务器，并与图元
ID
匹配对应
。
[0022]作为优选，图元的构建及划分是根据不同对象的类型定义图元名称，并绘制图元，同时对图元进行按类分组；其中，对图元所包含的状态信息及虚实信息标识分别进行创建，进而对应的图元颜色标识同时进行对应及区分设置；
[0023]对象模型分为基本数据和状态数据两部分，基本数据和状态数据根据不同方式进行分别存储；其中，基本数据为对象模型的流数据，根据每一对象所对应的图元元件
ID
进行数据存储，便于用户在对单一元件进行图谱绘成后的数据信息查询；状态数据为图元流数据的状态数据，根据图元状态信息根据图元元件
ID
对应其状态显示，便于用户在查询和检查过程中通过显示的状态及对应的元件颜色进行判断所绘对象模型的运行情况；状态数据信息包括在线
、
离线
、
告警
、
建链
。
[0024]一种电子设备，包括：存储器和至少一个处理器；
[0025]其中，所述存储器上存储有计算机程序；
[0026]所述至少一个处理器执行所述存储器存储的计算机程序，使得所述至少一个处理器执行如上述的基于
SVG
技术的二维可视化编辑方法
。
[0027]一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机程序，所述计算机程序可被处理器执行以实现如上述的基于
SVG
技术的二维可视化编辑方法
。
[0028]本专利技术的基于
SVG
技术的二维可视化编辑方法及系统具有以下优点：
[0029](
一
)
本专利技术当前在预置的编辑器中根据图元数据的优化和对象模型的梳理和掌握，通过合理的规划，即可使得系统呈现的可视化效果得以大幅度的提升，从而解决了用户在工作过程中反复数据查询和思路不清晰的效率低下问题；
[0030](
二
)
本专利技术合理的规划和设计对象模型，可直接的提升对系统使用者的工作效率，提高便捷性和视觉可视化效果，梳理并利用对象模型的系统原理和图元数据的规范，在编辑器中可轻松呈现出来二维可视化的结果，形成对对象系统的优劣势情况进行有效评估，提升工作效率；
[0031](
三
)
本专利技术所生成的二维模型可直观
、
高效的梳理和展示了需求对象的呈现方式；同时可提高可视化效果，便捷的提升工作效率，为用户提供了多角度的展示形式，有助于对象分析
、
评估和辅助工作；
[0032](
四
)
本专利技术基于图形编辑器进行图元绘制编排的二维可视化图谱，有效解决了用
户所查询的图表
、
平面图和数据表等枯燥且繁琐的工作流程，使得效果直观的呈现出关键节点及运行情况；
[0033](
五
)
本专利技术可更普适的应用在类似拓扑形式的模型对象的绘制，大大减轻了在复杂场景下的图谱编排和解耦；
[0034](
六
)
本专利技术可有效提高工作实时性和工作效率，为用户提供了多角度的展示形式，有助于对象分析
、
评估和辅助工作，降本增效；
[0035](<本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.
一种基于
SVG
技术的二维可视化编辑方法，其特征在于，该方法是加载图像编辑器，在编辑器中依据不同需求类型构建对应的
SVG
图元；并依据需求对象模型对应对象的节点图元及支路图元，节点图元
、
支路图元依据运行状态以不同的颜色及虚实图形分别构建；并存取和读取对象数据以图谱形式对应图元节点，进而合并形成闭环模型；具体如下：图元的构建及划分；绘制模型；数据灌入及存取；合并生成闭环模型：对象模型绘制完成后，进行关联合并生成，形成完整的二维模型图谱
。2.
根据权利要求1所述的基于
SVG
技术的二维可视化编辑方法，其特征在于，图元的构建及划分具体如下：根据不同对象的类型定义图元名称，并绘制图元，同时对图元进行按类分组；其中，对图元所包含的状态信息及虚实信息标识分别进行创建，进而对应的图元颜色标识同时进行对应及区分设置
。3.
根据权利要求1所述的基于
SVG
技术的二维可视化编辑方法，其特征在于，绘制模型具体如下：根据所绘对象模型的原理图，按照与图元的分组进行描绘绘制，逐一还原形成所绘对象
。4.
根据权利要求1所述的基于
SVG
技术的二维可视化编辑方法，其特征在于，对象模型分为基本数据和状态数据两部分，基本数据和状态数据根据不同方式进行分别存储
。5.
根据权利要求4所述的基于
SVG
技术的二维可视化编辑方法，其特征在于，基本数据为对象模型的流数据，根据每一对象所对应的图元元件
ID
进行数据存储，便于用户在对单一元件进行图谱绘成后的数据信息查询
。6.
根据权利要求4所述的基于
SVG
技术的二维可视化编辑方法，其特征在于，状态数据为图元流数据的状态数据，根据图元状态信息根据图元元件
ID
对应其状态显示，便于用户在查询和检查过程中通过显示的状态及对应的元件颜色进行判断所绘对象模型的运行情况；状态数据信息包括在线
、
离线...

【专利技术属性】
技术研发人员：张作路，楼云亭，刘文洋，李正欣，
申请(专利权)人：山东浪潮新基建科技有限公司，
类型：发明
国别省市：