Drawing method for power distribution wiring diagram of energy utilization information collection system

Abstract

The invention relates to a drawing method for a power distribution wiring diagram of an energy utilization information collection system. The method comprises the steps of 1, analyzing an XML document to obtain original data of each graphic primitive, recording graphic data of zooming or rotation operation, performing comparative calculation on the original data of the graphic primitives and the graphic data to obtain a zooming coefficient of the graphic primitives, and performing geometric calculation to obtain drawing center point coordinates of the graphic primitives; 2, based on a canvas API, if a graphic primitive rotation angle is 0, calculating absolute coordinates of the graphic primitives; if the graphic primitive rotation angle is not 0, calculating relative coordinates of the graphic primitives; storing new graphic primitive input parameters obtained by calculation in an object array; and 3, traversing the object array, and drawing graphic primitive object elements one by one. According to the method, the defects of high error probability of graph modification, low page loading speed and the like of an existing drawing method are overcome; the page loading speed is increased; and convenience is brought for system maintenance personnel to draw and modify the graph.

Description

technical field [0001] The invention relates to the technical field of energy consumption information collection systems, in particular to a method for drawing a distribution wiring diagram of an energy consumption information collection system based on a canvas API. Background technique [0002] The power distribution wiring diagram is the basis for power system analysis and power grid management, and it can visually display the operating status of the power system. In the energy consumption information collection system, the power distribution wiring diagram should be drawn on the Web page, so that the system maintenance personnel can have an intuitive understanding of the wiring situation and operation status of the power system when they understand the energy consumption information. At present, the method of drawing power distribution wiring diagrams on the Web page of the energy consumption information collection system is mainly based on SVG and using XML format to de...

AI Technical Summary

Problems solved by technology

[0003] The above method has the following disadvantages: since the SVG elements are directly embedded in the page program, once the graphics need to be modified, the page program must be modified, which will easily cause page program errors and increase the security risk of the system; in SVG, each drawn graphic Both are regarded as objects. Since SVG needs to be loaded into the DOM, once there are too many graphic objects drawn, SVG will be degraded, and the loading speed and rendering speed of the page will be slowed down, which will affect the user experience of the acquisition system operators.

Images