Flow chart drawing method, device and equipment based on HTML5 (Hypertext Markup Language 5) and storage medium

• Main Authors: WANG CHENGCAI, WEI LIDONG, XIONG XUEWU
• Format: Patent
• Language: Chinese; English
• Published: 04.04.2023
• Subjects: CALCULATING; COMPUTING; COUNTING; ELECTRIC DIGITAL DATA PROCESSING; PHYSICS

The invention discloses a flow chart drawing method and device based on HTML5, equipment and a storage medium, and relates to the technical field of graph drawing. The method comprises the steps that after flow chart display data is initially drawn on an HTML5 canvas, a mouse pressing event, a mouse moving event and a mouse loosening event which can capture internal elements based on an HTML5 event propagation mechanism are bound to the HTML5 canvas, and through the three events, when a node is dragged, the internal elements of the HTML5 canvas can be captured through the mouse pressing event, the mouse moving event and the mouse loosening event. When a user drags the flow chart, a contour of a dragged node is drawn on the flow chart to reflect dragging of the user, it is ensured that the actual node and an exit are not redrawn, after the user drags the flow chart, if the position changes, the actually dragged node moves to a new dragged position, the exit is recalculated, and the flow chart of a partial regi