【技术实现步骤摘要】
本专利技术涉及计算机图形学，具体来说，涉及基于web渲染引擎的组态图形插件配置和展示实现方法。
技术介绍
1、电力监控系统组态图元是监控系统领域的重要图元展现方式之一。电力监控系统画面组态软件支持在各类画面中绘制用户自定义的画面组件，并支持用户通过双击相应控件弹出其自定义属性设置对话框以实现参数的设定，相关属性的设定值将在画面对象保存时同步存入配置数据库以实现参数的持久化。完成对应画面对象的提交后，画面中组件的相关参数设定将在运行态生效。
2、传统组态图元一般被划分成基本图元对象：线、椭圆、矩形、弧、多边形、文本和图片。每个基本图元对象有影响其外观的属性。基本属性包括：线的颜色、线的宽度、前景色、背景色、高度、宽度、位置移动等。属性包括基本属性和动态属性。基本属性在运行态保持不变，与编辑态一致。动态属性随着动态属性关联的表达式的值变化而实时改变。最终在运行态根据实际数据进行实时展示，实时数据驱动图元显示不同的图形效果，比如颜色、可见性、位置等。
3、传统组态图元存在配置结构固定、动态属性变量范围局限、图形显示效果单一等不足；配置属性不能按需动态增加，无法适应前端展示信息频繁更新；动态属性变量选择范围较小，一般只能从系统配置库选取；可利用的专业图形库较少，对于多功能表盘、历史曲线、历史表格、动画图形、实时曲线等展示需求难以满足。且对于此类图元无法在iii区图形系统查看相同样式，需要额外开发和配置。
4、计算机图形学的核心目标在于创建有效的视觉交流。在科学领域，图形学可以将科学成果通过可视化的方式
5、计算机图形学核心目标（视觉交流）可以分解为三个基本任务：表示、交互、绘制，即如何在计算机中“交互”地“表示”、“绘制”出丰富多彩的主、客观世界。这里的“表示”是如何将主、客观世界放到计算机中去——二维、三维对象的表示与建模；而“绘制”是指如何将计算机中的对象用一种直观形象的图形图像方式表现出来——二维、三维对象的绘制：“交互”是指通过计算机输入、输出设备，以有效的方式实现“表示”与“绘制”的技术。其中，“表示”是计算机图形学的“数据层”，是物体或对象在计算机中的各种几何表示；“绘制”是计算机图形学的“视图层”，指将图形学的数据显示、展现出来。“表示”是建模、输入，“绘制”是显示、输出。“交互”是计算机图形学的“控制层”，它负责完成有效的对象输入与输出任务，解决与用户的交互问题。
6、例如技术方案1：申请号cn114386241a公开了一种可视化发电厂图元的实现方法、装置及存储介质，其方法包括：根据发电厂的类型确定绘制规则；定时获取发电厂的基础数据并根据绘制规则进行图元绘制；将当前绘制的图元按照g文件格式规范添加或更新图形文件中的图元；从当前的图形文件中获取需要的图元并展示在画面上；该专利技术能够满足不同类型的发电厂图元展示需求，具有通用性和实用性。
7、再如技术方案2：申请号cn103412981b公开了一种变电站图元的综合信息展示的实现方法，包含以下步骤：1）显示变电站图元的属性：将变电站图元的属性通过可视化界面显示出来；2）自动生成变电站图元对象：变电站图元自动生成机制根据g格式中的配置文件，解析其中属性格式）生成变电站图元的可视化界面；3）定时加载变电站图元动态数据：变电站图元通过后台服务动态链接库和服务端jar包，获取系统中的动态实时数据或者历史数据；4）定时刷新变电站图元对象：变电站图元对象根据上传的动态数据刷新，改变其页面属性信息。该专利技术的图元展示方法可满足不同层次的变电站图元展示需求，具有通用性和实用性。
8、又如技术方案3：申请号cn111880883a公开了一种基于设备对象的动态组合图元实现方法，首先，根据设备的实际状态生成一组对应的动态组合对象图元，依据子节点参数的层次及结构合理设定组合图元对象的根节点，保存动态组合图元库模板；其次，在人机界面组态过程中，利用动态绑定根节点对象的方式，将动态组合对象图元模板化的应用至其他设备上，并提示绑定参数信息；最后，设定动态组合对象图元设备的总体参数，用以决定当前对象显示组合内的某个状态。该专利技术解决了现有技术中大量的手动修改参数导致的不可预知的参数错误问题，大幅提高了现有技术下的组态效率，还解决了在现有技术约束下运行维护人员对于一组设备对象的不同状态的监控必须通过多幅画面来实现设备控制与监视的问题。
9、然而，上述技术方案1虽然提到i区图元组件的绘制、编辑和加载，但无法使用基于web渲染引擎的图形插件，且组态工具无法实现对通过渲染引擎加载的图元插件编辑、展示和功能交互，且未提及图元的导出功能；技术方案2无法引入web渲染引擎，且无法实现网页图元的编辑、展示和功能交互。此技术虽然能调用服务端jar包接口，获取系统的动态实时数据，但是无法给组态系统内基于web渲染引擎图元插件提供数据输出。也无法配置和展示网页插件，也不能导出对应图元。技术方案3虽能实现图元的动态组合图元的效果展示，但无法提供网页插件的加载、配置和展示，也无法导出基于web渲染引擎的插件图元。
10、针对相关技术中的问题，目前尚未提出有效的解决方案。
技术实现思路
1、针对相关技术中的问题，本专利技术提出基于web渲染引擎的组态图形插件配置和展示实现方法，通过此方法可以实现i区和iii区的相同展示效果，并利用相同的数据配置和显示资源，保证数据获取的一致性和展示效果的统一性，并减少了iii区信息化系统插件图元的开发工作量，从而来克服现有相关技术所存在的上述技术问题。
2、为此，本专利技术采用的具体技术方案如下：
3、基于web渲染引擎的组态图形插件配置和展示实现方法，包括以下步骤：
4、s1、在组态图形系统中编译生成web渲染引擎，并创建用于展示基于web图形插件的web渲染引擎的显示窗口对象；
5、s2、利用web渲染引擎的显示窗口对象加载html静态网页文件及javascript脚本文件；
6、s3、在组态编辑器中绘制基于web的图形插件图元，并设置图形插件图元的属性参数；
7、s4、利用优化算法根据用户的习惯数据分析得到最佳图形插件图元的布局；
8、s5、在组态图形系统的运行态中，利用web渲染引擎对最佳图形插件图元进行可视化呈现；
9、s6、利用组态工具导出画面svg文件，并通过svg文件实现组态图形系统画面资源与信息化系统的共享；
10、s7、在信息化系统打开web浏览器，并直接加载svg文件实现图形插件图元效果的呈现。
11、进一步的，在组态图形系统中编译生成web渲染引擎模块包括：
12、获取webkit的完整源代码，并根据渲染引擎的文档安装编译依赖库；
13、设置包含编译器及开本文档来自技高网...
【技术保护点】
1.基于WEB渲染引擎的组态图形插件配置和展示实现方法，其特征在于，包括以下步骤：
2.根据权利要求1所述的基于WEB渲染引擎的组态图形插件配置和展示实现方法，其特征在于，所述在组态图形系统中编译生成WEB渲染引擎模块包括：
3.根据权利要求1所述的基于WEB渲染引擎的组态图形插件配置和展示实现方法，其特征在于，所述Webkit由JavaScriptCore模块、WebCore模块和WebKit模块构成；
4.根据权利要求1所述的基于WEB渲染引擎的组态图形插件配置和展示实现方法，其特征在于，所述利用WEB渲染引擎的显示窗口对象加载HTML静态网页文件及JavaScript脚本文件包括以下步骤：
5.根据权利要求1所述的基于WEB渲染引擎的组态图形插件配置和展示实现方法，其特征在于，所述在组态编辑器中绘制基于WEB的图形插件图元，并设置图形插件图元的属性参数包括以下步骤：
6.根据权利要求1所述的基于WEB渲染引擎的组态图形插件配置和展示实现方法，其特征在于，所述利用优化算法根据用户的习惯数据分析得到最佳图形插件图元的布
7.根据权利要求6所述的基于WEB渲染引擎的组态图形插件配置和展示实现方法，其特征在于，所述用户的布局习惯包括偏好的对齐方式、间距大小及组合方式，所述图元布局优化目标函数包括最小化间距差异或最大化对齐程度。
8.根据权利要求6所述的基于WEB渲染引擎的组态图形插件配置和展示实现方法，其特征在于，所述利用粒子群优化算法分析得到符合用户习惯的最佳图形插件图元的布局包括以下步骤：
9.根据权利要求1所述的基于WEB渲染引擎的组态图形插件配置和展示实现方法，其特征在于，所述利用组态工具导出画面SVG文件，并通过SVG文件实现组态图形系统画面资源与信息化系统的共享包括以下步骤：
10.根据权利要求1所述的基于WEB渲染引擎的组态图形插件配置和展示实现方法，其特征在于，所述在信息化系统打开WEB浏览器，并直接加载SVG文件实现图形插件图元效果的呈现包括以下步骤：
...【技术特征摘要】
1.基于web渲染引擎的组态图形插件配置和展示实现方法，其特征在于，包括以下步骤：
2.根据权利要求1所述的基于web渲染引擎的组态图形插件配置和展示实现方法，其特征在于，所述在组态图形系统中编译生成web渲染引擎模块包括：
3.根据权利要求1所述的基于web渲染引擎的组态图形插件配置和展示实现方法，其特征在于，所述webkit由javascriptcore模块、webcore模块和webkit模块构成；
4.根据权利要求1所述的基于web渲染引擎的组态图形插件配置和展示实现方法，其特征在于，所述利用web渲染引擎的显示窗口对象加载html静态网页文件及javascript脚本文件包括以下步骤：
5.根据权利要求1所述的基于web渲染引擎的组态图形插件配置和展示实现方法，其特征在于，所述在组态编辑器中绘制基于web的图形插件图元，并设置图形插件图元的属性参数包括以下步骤：
6.根据权利要求1所述的基于web渲染引擎的组态图形插件配置和展示...
【专利技术属性】
技术研发人员：杨茂，战锋，李德军，蒋雷，佘飞，
申请(专利权)人：国电南京自动化股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。