An online whiteboard graphic association method
By configuring the parent and child association attributes of graphics in the online whiteboard, establishing the association between graphics and adding listener events, the problem of graphics not being able to link in real time is solved, and automatic adjustment and efficient operation of graphics are realized.
Patent Information
- Application Number
- CN202310417750.8
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- Filing Date
- 2023-04-19
- Publication Date
- 2025-11-28
- Estimated Expiration
- 2043-04-19
AI Technical Summary
In online meeting whiteboards, graphics cannot be linked in real time, which means that users need to select multiple graphics at the same time to move, zoom or rotate them, which is cumbersome and inefficient.
By configuring the parent and child association attributes of the graphics, the relationship between the graphics is established, and after the relationship is established, a listener event is added so that the graphics can automatically adjust their position and size in response to data changes, realizing real-time linkage of multiple graphics.
It enables automatic adjustment of graphics, reduces tedious drag-and-drop operations, and improves work efficiency.
Smart Images
Figure CN116561234B_ABST
Abstract
Description
TECHNICAL FIELD
[0001] The present application relates to the online internet technology field, and particularly relates to an online whiteboard figure association method. BACKGROUND
[0002] In the online conference whiteboard, each figure cannot be associated with other figures. At present, in the online conference whiteboard, each figure exists independently in the conference scene, so that the real-time linkage between different figures cannot be realized, and the real-time linkage between a figure and multiple figures cannot be realized. For example, in the current online conference whiteboard, a single cell in a figure table is directly written with a marker figure, and the multiple marker figures written cannot be associated with the table figure.
[0003] Therefore, in the prior art, the real-time linkage between a figure and other figures cannot be realized, so that when a user needs to move a figure, multiple figures need to be selected at the same time to achieve the purpose of associated movement, scaling and rotation. When multiple figure attributes are set, multiple figures need to be selected at the same time for batch setting. SUMMARY
[0004] The present application relates to the online internet technology field, and particularly relates to an online whiteboard figure association method.
[0005] The technical solution adopted by the present application is as follows:
[0006] An online whiteboard figure association method comprises the following steps:
[0007] Step 1: configuring the child association attributes of a first figure and a second figure, establishing the association between the parent association attribute of the first figure and the child association attribute of the second figure, and completing the construction of the association relationship between the first figure and the second figure;
[0008] Step 2: configuring the association reference rule of the second figure and the first figure, and making the index data of the second figure point to the first figure;
[0009] Step 3: after the association relationship between the first figure and the second figure is established, adding an association monitoring event in the second figure;
[0010] Step 4: configuring the association method of the association monitoring event, the association method responding to the data change of the first figure, the data affecting the child association attribute of the second figure through the association method of the association monitoring event, and the second figure re-rendering the position and size of the second figure through the child association attribute.
[0011] Further, in step 1, multiple first figures can simultaneously establish the association relationship with the second figure.
[0012] Further, the first figure refers to a figure with a child association attribute, such as a writing pen (marker pen, pen), text, etc.
[0013] Further, the parent association attribute of the first graph is associated with the child association attribute of the second graph to complete the construction of the association relationship between the first graph and the second graph, and specifically includes: the second graph refers to a graph with a child association attribute, such as a rectangular unit, a table graph unit, a mind map graph unit, etc. The parent association attribute of the first graph is configured, and the parent association attribute includes an associated graph number, a type, and a size; wherein the associated graph number is the number of the second graph; the second graph is determined through the parent association attribute, and the association between the first graph and the second graph is completed through the parent association attribute and the child association attribute.
[0014] In an example, the association reference rule of the second graph and the first graph is configured to make the index data of the second graph point to the first graph, and specifically includes: when the first graph (associated graph) is moved to the second graph, the second graph will set the child association attribute according to the association rule, find and obtain the second graph child association attribute through the parent association attribute of the first graph to establish an association index, and make the index data of the second graph point to the first graph.
[0015] In an example, it also includes: in the online whiteboard, a new associated graph is created, whether the drawing area of the graph falls on the second graph of the associated unit is calculated according to the graph starting drawing point (mouse point), the parent association attribute of the newly created first graph is set, the association relationship between the first graph and the second graph is established, and the index data of the second graph points to the newly created first graph.
[0016] In an example, after the association relationship between the first graph and the second graph is established, an association listening event is added in the second graph, and specifically includes: according to the second graph, the association listening event is bound, the first graph index, the graph type, the size, and the position are obtained, and the first graph index data is sent to the listening method of the second graph.
[0017] In an example, the association method can respond to the data change of the first graph, the data changes the child association attribute of the second graph through the event method, so that the second graph can re-render the position and size of the second graph through the child association attribute, and specifically includes: the second graph responds to the data change of the first graph, and the change attribute includes the position and size of the graph; the size of the second graph unit is changed in real time according to the size of the area surrounded by the first graph, and the position of the second graph unit is changed in real time according to the position of the first graph.
[0018] The application adopts the above technical scheme, the parent level association attribute of the first graph is acquired, the parent level association attribute of the first graph is set by creating or moving the first graph; the parent level association attribute can be associated with the ID value of the child level association attribute of the second graph, and meanwhile, the association relationship can be established between multiple first graphs and the second graph, the association relationship between the first graph and the second graph is constructed, the association reference rule of the second graph and the first graph is configured, the index data of the second graph points to the first graph, after the association relationship between the first graph and the second graph is established, the association monitoring event is added in the second graph, the association event method is configured, the association method can respond to the data change of the first graph, the data affects the child level association attribute of the second graph through the event method, the second graph can re-render the position and size of the second graph through the child level association attribute, so that the size and position of the graph unit can be automatically adjusted according to the occupied space of the internal object, the real-time linkage operation of multiple graphs is realized, the tedious dragging operation is saved, and the work efficiency is improved. BRIEF DESCRIPTION OF DRAWINGS
[0019] The application will be further described in detail below in combination with the drawings and specific embodiments.
[0020] Figure 1 It is a flowchart of the online whiteboard graph association method. EMBODIMENT
[0021] To make the purpose, technical scheme and advantages of the embodiments of the application clearer, the technical scheme in the embodiments of the application will be clearly and completely described below in combination with the drawings in the embodiments of the application.
[0022] As shown in the drawings, Figure 1 The application discloses an online whiteboard graph association method, which comprises the following steps: configuring the parent level association attribute of the associated graph, so that the parent level association attribute can be associated with the ID value of the child level association attribute of the second graph, and meanwhile, the association relationship can be established between multiple first graphs and the second graph, and the association relationship between the first graph and the second graph is constructed; configuring the association reference rule of the second graph and the first graph, so that the index data of the second graph points to the first graph; after the association relationship between the first graph and the second graph is established, an association monitoring event is added in the second graph; the association event method is configured, the association method can respond to the data change of the first graph, the data affects the child level association attribute of the second graph through the event method, and the second graph can re-render the position and size of the second graph through the child level association attribute.
[0023] In the example, the first graph refers to the graph with the parent level association attribute, such as a writing pen (a marker pen, a pen), a text and the like.
[0024] In an example, the second figure refers to a figure with a sub-level association attribute, such as a rectangular unit, a table figure unit, a mind map figure unit, etc. The parent-level association attribute of the first figure is configured, and the parent-level association attribute includes an associated figure number, a type, and a size. The associated figure number is the number of the second figure. The second figure is determined through the parent-level association attribute, and the association between the first figure and the second figure is completed through the parent-level association attribute and the sub-level association attribute.
[0025] In an example, the association reference rule of the second figure and the first figure is configured to make the index data of the second figure point to the first figure, specifically including: when the first figure (associated figure) is moved to the second figure, the second figure will set the sub-level association attribute according to the association rule, obtain the sub-level association attribute of the second figure through the parent-level association attribute of the first figure to establish an association index, and make the index data of the second figure point to the first figure.
[0026] In an example, it also includes: in the online whiteboard, a new associated figure is created, the drawing area of the figure is calculated according to the figure starting drawing point (mouse point) to determine whether it falls on the second figure of the associated unit, the parent-level association attribute of the new first figure is set, the association relationship between the first figure and the second figure is established, and the index data of the second figure points to the new first figure.
[0027] In an example, after the association relationship between the first figure and the second figure is established, an association listening event is added in the second figure, specifically including: according to the second figure, the association listening event is bound, the first figure index, figure type, size, and position are obtained, and the first figure index data is sent to the listening method of the second figure.
[0028] In an example, the association method can respond to the data change of the first figure, and the data changes the sub-level association attribute of the second figure through an event method, so that the second figure can re-render the position and size of the second figure through the sub-level association attribute. Specifically, the second figure responds to the data change of the first figure, and the change attribute includes the position and size of the figure. The size of the second figure unit is changed in real time according to the size of the area surrounded by the first figure, and the position of the second figure unit is changed in real time according to the position of the first figure.
[0029] The application adopts the above technical scheme, acquires a first graph, sets a parent association attribute of the graph by creating or moving the first graph, enables the parent association attribute to associate an ID value of a child association attribute of a second graph, and simultaneously enables multiple first graphs and second graphs to establish an association relationship, thereby completing construction of the association relationship between the first graph and the second graph, configuring an association reference rule of the second graph and the first graph, enabling index data of the second graph to point to the first graph, adding an association monitoring event in the second graph after the association relationship between the first graph and the second graph is established, configuring the association event method, enabling the association method to respond to data changes of the first graph, enabling the data to affect the child association attribute of the second graph through the event method, enabling the second graph to re-render the position and size of the second graph through the child association attribute, thereby realizing that the graph unit can automatically adjust the size and position according to the occupied space of the internal object, real-time linkage operation of multiple graphs, and saving the tedious dragging operation, thereby improving the work efficiency.
[0030] Obviously, the described embodiments are part of the embodiments of the present application, rather than all the embodiments. The embodiments in the present application and the features in the embodiments can be combined with each other without conflict. The components of the embodiments of the present application described and shown in the drawings can be arranged and designed in various different configurations. Therefore, the detailed description of the embodiments of the present application is not intended to limit the scope of the claimed present application, but only represents selected embodiments of the present application. Based on the embodiments in the present application, all other embodiments obtained by those skilled in the art without creative labor fall within the scope of protection of the present application.
Claims
1. An online whiteboard graphic association method based on, characterized by: It comprises the following steps: Step 1, obtaining a first graph and configuring the parent association attribute of the first graph, so that the parent association attribute of the first graph is associated with the child association attribute of the second graph, and the association relationship between the first graph and the second graph is established; Step 2, configuring the association reference rule of the second graph and the first graph, so that the index data of the second graph points to the first graph; Step 3, after the association relationship between the first graph and the second graph is established, an association monitoring event is added in the second graph; Step 4, configuring the association method of the association monitoring event, the association method responds to the data change of the first graph, and the data affects the child association attribute of the second graph through the association method of the association monitoring event, so that the second graph re-renders the position and size of the second graph through the child association attribute.
2. The method of claim 1, wherein: In step 1, multiple first graphs simultaneously establish an association relationship with a second graph.
3. The method of claim 1, wherein: In step 1, it is judged whether the first graph has a parent association attribute; if yes, the first graph is judged as a connectable unit, and the parent association attribute is allowed to be configured; otherwise, it is prompted that the graph association cannot be established.
4. The method according to claim 1 or 3, characterized in that: The parent association attribute of the first graph includes the association graph number, type and size; wherein the association graph number is the number of the second graph.
5. The method of claim 1, wherein: It is judged whether the second graph has a child association attribute; if yes, the association is allowed to be established; otherwise, it is prompted that the graph association cannot be established.
6. The method of claim 5, wherein: The second graph is a rectangular unit, a table graph unit or a mind map graph unit.
7. The method of claim 1, wherein: In step 1, the method for configuring the parent association attribute of the first graph by creating or moving the first graph is: creating an association graph in the online whiteboard, and calculating whether the drawing area of the graph falls on the second graph according to the starting drawing point of the graph; if yes, setting the parent association attribute of the newly created first graph, establishing the association relationship between the first graph and the second graph, and the index data of the second graph pointing to the newly created first graph.
8. The method of claim 1, wherein: In step 2, the second graph is obtained by searching through the parent association attribute of the first graph, the second graph establishes an association index according to the association rule, and the index data of the second graph points to the first graph.
9. The method of claim 1, wherein: In step 3, the association monitoring event is bound according to the second graph, the index, graph type, size and position of the first graph are obtained, and the index data of the first graph is sent to the association monitoring event of the second graph.
10. The method of claim 1, wherein: In step 4, the second graph responds to the data change of the first graph, and the change attribute includes the position and size of the graph; the size of the second graph unit is changed in real time according to the size of the area surrounded by the first graph, and the position of the second graph unit is changed in real time according to the position of the first graph.
Citation Information
Patent Citations
Process monitoring method, process monitoring system and related device
CN113704202A
Table creation method and device, electronic equipment and computer readable storage medium
CN114169304A