一种svg组态流程图在线转动态可交互网页方法技术

本发明专利技术公开了一种svg组态流程图在线转动态可交互网页方法，为了解决物联网监控系统的在线编辑的svg组态流程图和通过第三方软件离线绘制的svg组态流程图在线转动态可交互网页的问题，包括：产品图形处理模块，将上传的产品图形保存至资源库，将用户配置的表达式转换并保存；通用组件处理模块，将上传的自定义图形保存至资源库，将自定义图形配置的表达式转换并保存；公用处理模块，将动态可交互网页公用的样式和脚本保存；svg组态流程图处理模块，将静态的组态流程图在线转为动态可交互网页。本发明专利技术的有益效果是：本发明专利技术支持使用第三方软件直接绘制的定位图、图元和svg组态流程图，且支持复杂多样的svg组态流程图。持复杂多样的svg组态流程图。持复杂多样的svg组态流程图。

【技术实现步骤摘要】
一种svg组态流程图在线转动态可交互网页方法


[0001]本专利技术涉及工业监控领域，尤其涉及一种svg组态流程图在线转动态可交互网页方法。

技术介绍

[0002]传统工业SCADA系统中，很大部分都是CS的模式，组态和图元的绘制以及监控图的绘制流程交杂在一起，安装以及学习成本较高，由于是CS的模式，监控图页面也不能跨平台查看。但是随着BS应用和移动应用等的不断普及，传统的组态软件也在向Web端迁移。随着Web相关技术最近几年非常迅速的发展，HTML5、Javascript、CSS3以及WebGL等相关标准也在不断完善，其中svg技术的使用能够使监控图不失真，完全支持DOM。在原有的中控物联网平台中，只能支持通过第三方开源软件离线绘制的svg组态流程图在线转动态可交互网页，其中直接的第三方开源软件不能直接使用，需要开发人员根据实际需要定制开发，开发成本高，而且用户使用时，必须在被定制开发过的第三方开源软件上绘制图元和场景、脚本编写配置和点位绑定功能操作分工不明确，学习成本高，降低了工作效率。
[0003]一种在中国专利文献上公开的“一种本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种svg组态流程图在线转动态可交互网页方法，其特征在于，包括：产品图形处理模块，将上传的产品图形保存至资源库，将用户配置的表达式转换并保存；通用组件处理模块，将上传的自定义图形保存至资源库，将自定义图形配置的表达式转换并保存；公用处理模块，将动态可交互网页公用的样式和脚本保存；svg组态流程图处理模块，将静态的组态流程图在线转为动态可交互网页。2.根据权利要求1所述的一种svg组态流程图在线转动态可交互网页方法，其特征在于，所述用户配置的表达式包括将产品图形配置为对应的表达式，并将一个特定图形设置为默认图元，用于当表达式都不满足的条件下，定位图位置展示的图元。3.根据权利要求2所述的一种svg组态流程图在线转动态可交互网页方法，其特征在于，所述产品图形处理模块将用户配置的表达式转存为json格式数据和JavaScript脚本。4.根据权利要求1所述的一种svg组态流程图在线转动态可交互网页方法，其特征在于，所述通用组件处理模块将自定义图形配置的表达式转换并保存为json格式数据和JavaScript脚本，根据文本框、输入框和多行文本框的配置生成svg文件，将配置转存为json格式数据。5.根据权利要求4所述的一种svg组态流程图在线转动态可交互网页...

【专利技术属性】
技术研发人员：林杨平，杨振伟，王陈淼，姜雪明，谷阳，米振清，
申请(专利权)人：浙江浙大中控信息技术有限公司，
类型：发明
国别省市：