Web configuration picture storage and display system and method based on SVG, and medium

Abstract

The invention provides a Web configuration picture storage and display method and system based on SVG, and the method comprises: building a monitoring picture in a mode of dragging configuration, enabling the content of a picture element corresponding to the monitoring picture to generate an XML format file, generating a picture script, storing the XML format file and the picture script, and transmitting the XML format file and the picture script to a background service; receiving the XML format file and the picture script by the background service, and converting the XML format file and the picture script into an HTML page capable of running in the browser; and loading the monitoring picture in the picture running state, rendering picture elements in a browser, registering the monitoringpicture to background service, refreshing data of the monitoring picture, and refreshing the picture elements in response to a user interaction event. Industrial monitoring HMI software in a browser environment is realized, the production efficiency of enterprises is improved, the cost of the enterprises in implementation of industrial monitoring projects is reduced, and finally a visual, comprehensive and accurate decision basis is provided for an enterprise management layer.

Description

technical field [0001] The invention relates to the field of industrial monitoring, in particular to an SVG-based system, method and medium for storing and displaying Web configuration screens. Background technique [0002] In the traditional SCADA system, the HMI part is deployed and developed in the CS mode, but with the continuous popularization of BS applications and mobile applications, the traditional HMI software is also migrating to the Web side. With the rapid development of Web-related technologies in recent years, related standards such as HTML5, Javascript, CSS3, and WebGL have also been continuously improved. Among them, SVG technology enables vector graphics to be displayed in browser engines, and can be displayed in the form of object models. Organize various elements in the screen. The HMI system based on Web technology is very convenient to use. It can be said that it can monitor the assets that users care about anytime and anywhere, and provide decision-ma...

AI Technical Summary

Problems solved by technology

It can effectively solve many problems such as code duplication, browser incompatibility, and system insecurity issued by traditional ActiveX control embedding.

However, the above patent documents still need to create configuration screens in the C / S client software, and cannot directly build configuration screens in the browser by dragging and dropping configuration.

It just applies various graphical displays in the SVG standard, and cannot effectively expand other display forms, such as trend curve controls, video display controls, and real-time alarm list controls, etc.

Images