一种基于SVG技术的实时监测工业数据的方法技术

一种基于SVG技术的实时监测工业数据的方法，包括：利用SVG绘图软件绘制工艺流程监测画面，编写监测画面相应的自定义js脚本，将SVG图形文件与自定义JS脚本文件进行关联；前端发起网络请求，加载SVG图形文件，将自定义js脚本加入到网页中；通过js脚本建立页面对象，根据SVG图形文件内容在页面对象中添加元素对象，建立元素对象的结构后，向后台请求数据，给元素对象相应属性赋值，完成页面数据显示；定期向后台请求实时数据，刷新页面观测点值后运行自定义js脚本，执行用户需求的逻辑动作。本发明专利技术采用SVG图形技术，解决了现有技术图形格式不通用，画面数据不开放，无法转换复用的问题。并且js封装脚本可以内嵌H5网页形式运行，无需下载浏览器控件/插件。

【技术实现步骤摘要】
一种基于SVG技术的实时监测工业数据的方法
本专利技术属于工业生产智能制造
，特别是一种基于SVG技术的实时监测工业数据的方法。
技术介绍
现有的远程实时在线监测系统普遍采用的是B/S架构，客户端为网页浏览器，提供给用户较大的灵活性与开放性，也便于系统的扩展、维护以及管理。其中实时画面监测目前主要采用ActiveX控件或JavaApplet技术两种方式来实现，通过浏览器下载、安装运行ActiveX控件/Applet的方式，来实现画面的展示以及数据动态变化效果。其优点在于ActiveX控件/Applet是以二进制方式在浏览器中运行，效率较高。上述实时画面监测的技术解决方案已经能够很好地解决远程web端的实时监测需求，但也存在一些不足：一是图形格式不通用，画面数据不开放，无法转换复用；二是由于浏览器的差异，下载、安装插件常常会出现不兼容的问题；三是随着目前移动办公需求的增加，开发基于移动端的实时画面监测功能已是势在必行，而移动端开发无法基于已有的Web端浏览器插件。
技术实现思路
鉴于上述问题，本专利技术提供一种克本文档来自技高网...

【技术保护点】
1.一种基于SVG技术的实时监测工业数据的方法，其特征在于，包括：/nS100.利用SVG绘图软件绘制工艺流程监测画面，编写监测画面相应的自定义js脚本，将SVG图形文件与自定义JS脚本文件进行关联；/nS200.前端发起网络请求，加载SVG图形文件，将自定义js脚本加入到网页中；/nS300.通过js脚本建立页面对象，根据SVG图形文件内容在页面对象中添加元素对象，建立元素对象的结构后，向后台请求数据，给元素对象相应属性赋值，完成页面数据显示；/nS400.定期向后台请求实时数据，刷新页面观测点值后运行自定义js脚本，执行用户需求的逻辑动作。/n

【技术特征摘要】
1.一种基于SVG技术的实时监测工业数据的方法，其特征在于，包括：
S100.利用SVG绘图软件绘制工艺流程监测画面，编写监测画面相应的自定义js脚本，将SVG图形文件与自定义JS脚本文件进行关联；
S200.前端发起网络请求，加载SVG图形文件，将自定义js脚本加入到网页中；
S300.通过js脚本建立页面对象，根据SVG图形文件内容在页面对象中添加元素对象，建立元素对象的结构后，向后台请求数据，给元素对象相应属性赋值，完成页面数据显示；
S400.定期向后台请求实时数据，刷新页面观测点值后运行自定义js脚本，执行用户需求的逻辑动作。


2.如权利要求1的一种基于SVG技术的实时监测工业数据的方法，其特征在于，S100中，通过将绘制好的SVG画面和自定义JS脚本文件名修改一致，使SVG图形文件与自定义JS脚本文件进行关联。


3.如权利要求1的一种基于SVG技术的实时监测工业数据的方法，其特征在于，SVG图形文件通过内嵌H5网页的形式实现SVG图形画面的显示与缩放。


4.如权利要求1的一...

【专利技术属性】
技术研发人员：周林华，张豪，郭敏，张纪炜，夏曦，罗汉杰，
申请(专利权)人：中冶南方都市环保工程技术股份有限公司，
类型：发明
国别省市：湖北;42