Online canvas processing method and device, electronic equipment, computer readable storage medium and computer program product

Abstract

This application provides a method, apparatus, electronic device, computer-readable storage medium, and computer program product for processing an online canvas. The method includes: displaying an online canvas, wherein the online canvas includes at least one element; obtaining the association relationship between the at least one element and at least one cell in a table; obtaining at least one attribute information of a first element, wherein the first element is any element; determining at least one first cell in the table that has an association relationship with the first element, and writing at least one attribute information of the first element into the at least one first cell. This application improves the efficiency and accuracy of associating tables with elements in an online canvas.

Description

Technical Field

[0001] This application relates to the field of computer technology, and in particular to a method, apparatus, electronic device, computer-readable storage medium, and computer program product for processing an online canvas. Background Technology

[0002] With the development of internet technology, online collaboration tools have become increasingly popular. Online canvases are a common collaboration tool that allows multiple users to simultaneously create and edit elements such as graphics, text, and images in a shared virtual space. Users often need to store the attribute information of the elements in the canvas in a table for easy management and analysis.

[0003] In related technologies, the element attribute information is usually copied and pasted into a table manually, which is tedious and prone to errors. It is also inefficient when dealing with a large number of elements. Summary of the Invention

[0004] This application provides a method, apparatus, electronic device, computer-readable storage medium, and computer program product for processing online canvases, which can improve the efficiency and accuracy of associating tables with elements in online canvases.

[0005] The technical solution of this application embodiment is implemented as follows:

[0006] This application provides a method for processing an online canvas, the method comprising:

[0007] Display an online canvas, wherein the online canvas includes at least one element;

[0008] Obtain the association between the at least one element and at least one cell in the table;

[0009] Obtain at least one attribute information of a first element, wherein the first element is any one of the elements;

[0010] Identify at least one first cell in the table that has the association relationship with the first element, and write at least one attribute information of the first element into the at least one first cell.

[0011] This application provides an online canvas processing device, the device comprising:

[0012] A canvas display module for displaying an online canvas, wherein the online canvas includes at least one element;

[0013] A relationship acquisition module is used to acquire the association relationship between the at least one element and at least one cell in the table;

[0014] An information acquisition module is used to acquire at least one attribute information of a first element, wherein the first element is any one of the elements;

[0015] The information writing module is used to determine at least one first cell in the table that has the association relationship with the first element, and to write at least one attribute information of the first element into the at least one first cell.

[0016] This application provides an electronic device, the electronic device comprising:

[0017] Memory is used to store executable instructions or computer programs.

[0018] The processor, when executing computer-executable instructions or computer programs stored in the memory, implements the online canvas processing method provided in the embodiments of this application.

[0019] This application provides a computer-readable storage medium storing a computer program or computer-executable instructions for implementing the online canvas processing method provided in this application when executed by a processor.

[0020] This application provides a computer program product, including a computer program or computer executable instructions. When the computer program or computer executable instructions are executed by a processor, they implement the online canvas processing method provided in this application.

[0021] The embodiments of this application have the following beneficial effects:

[0022] By obtaining the association between at least one element and at least one cell in the table, at least one first cell that stores the association with the first element can be quickly determined, and at least one attribute information of the first element can be written into at least one first cell. The association relationship realizes the automatic writing of the attribute information of the element. Compared with manually copying and pasting attribute information, it reduces the possibility of manual operation errors, has a higher degree of intelligence, improves the efficiency of information processing, and enhances the user experience. Attached Figure Description

[0023] Figure 1 This is a schematic diagram of the architecture of the online canvas processing system 100 provided in this application embodiment;

[0024] Figure 2 This is a schematic diagram of the structure of terminal 400-1 or terminal 400-2 provided in the embodiments of this application;

[0025] Figure 3A This is a first flowchart illustrating the online canvas processing method provided in this application embodiment;

[0026] Figure 3B This is a second flowchart illustrating the online canvas processing method provided in this application embodiment;

[0027] Figure 3C This is a schematic diagram of the third process of the online canvas processing method provided in the embodiments of this application;

[0028] Figure 3D This is a schematic diagram of the fourth process of the online canvas processing method provided in the embodiments of this application;

[0029] Figure 3E This is a schematic diagram of the fifth process of the online canvas processing method provided in the embodiments of this application;

[0030] Figure 3F This is a sixth flowchart illustrating the online canvas processing method provided in this application embodiment;

[0031] Figure 3G This is a schematic diagram of the seventh process of the online canvas processing method provided in the embodiments of this application;

[0032] Figure 3H This is a schematic diagram of the eighth process of the online canvas processing method provided in the embodiments of this application;

[0033] Figure 4A This is a first schematic diagram illustrating the association of elements with a table according to an embodiment of this application;

[0034] Figure 4B This is a second schematic diagram illustrating the association between elements and tables provided in the embodiments of this application;

[0035] Figure 4C This is a third schematic diagram illustrating the association between elements and tables provided in the embodiments of this application;

[0036] Figure 4D This is a fourth schematic diagram illustrating the association between elements and tables provided in the embodiments of this application;

[0037] Figure 4E This is a schematic diagram illustrating the modification of attribute information of any one of multiple elements provided in an embodiment of this application;

[0038] Figure 4F This is a first schematic diagram illustrating the association between elements and sub-tables provided in this application embodiment;

[0039] Figure 4G This is a second schematic diagram illustrating the association between elements and sub-tables provided in the embodiments of this application;

[0040] Figure 4H This is a schematic diagram illustrating the revocation of association relationships provided in an embodiment of this application;

[0041] Figure 4IThis is a schematic diagram illustrating the reconstruction of association relationships provided in an embodiment of this application;

[0042] Figure 4J This is a schematic diagram of updating a table based on elements provided in an embodiment of this application;

[0043] Figure 4K This is a schematic diagram illustrating the updating of elements based on a table, provided in an embodiment of this application;

[0044] Figure 4L This is a schematic diagram of the online canvas and table split-screen display provided in an embodiment of this application;

[0045] Figure 4M This is a schematic diagram of the table for updating the second account provided in an embodiment of this application;

[0046] Figure 5 This is a schematic diagram of the online collaborative drawing board provided in an embodiment of this application;

[0047] Figure 6 This is a functional diagram of the online collaborative drawing board provided in the embodiments of this application.

[0048] It should be noted that the terms "first" and "second" mentioned above are only used to distinguish between different options and do not represent the degree of superiority or inferiority of the options or their priority in the implementation process. Detailed Implementation

[0049] To make the objectives, technical solutions, and advantages of this application clearer, the application will be further described in detail below with reference to the accompanying drawings. The described embodiments should not be regarded as limitations on this application. All other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of this application.

[0050] In the following description, references are made to “some embodiments,” which describe a subset of all possible embodiments. However, it is understood that “some embodiments” may be the same subset or different subsets of all possible embodiments and may be combined with each other without conflict.

[0051] In the following description, the terms "first / second / third" are used merely to distinguish similar objects and do not represent a specific ordering of objects. It is understood that "first / second / third" may be interchanged in a specific order or sequence where permitted, so that the embodiments of this application described herein can be implemented in an order other than that illustrated or described herein.

[0052] In this application embodiment, the terms "module" or "unit" refer to a computer program or part of a computer program that has a predetermined function and works with other related parts to achieve a predetermined goal, and can be implemented wholly or partially using software, hardware (such as processing circuitry or memory), or a combination thereof. Similarly, a processor (or multiple processors or memory) can be used to implement one or more modules or units. Furthermore, each module or unit can be part of an overall module or unit that includes the functionality of that module or unit.

[0053] Unless otherwise specified, "at least one" as used below refers to one or more cases, and "multiple" can refer to two or more cases.

[0054] Unless otherwise defined, all technical and scientific terms used in the embodiments of this application have the same meaning as commonly understood by one of ordinary skill in the art. The terminology used in the embodiments of this application is for the purpose of describing the embodiments of this application only and is not intended to limit this application.

[0055] In the implementation of this application, the collection and processing of relevant data should strictly comply with the requirements of relevant laws and regulations, obtain the informed consent or separate consent of the personal information subject, and carry out subsequent data use and processing within the scope of laws and regulations and the authorization of the personal information subject.

[0056] Before providing a further detailed description of the embodiments of this application, the nouns and terms involved in the embodiments of this application will be explained, and the nouns and terms involved in the embodiments of this application shall be interpreted as follows.

[0057] 1) Responding to: used to indicate the conditions or states on which the operation is performed depends. When the conditions or states on which it depends are met, one or more operations can be performed in real time or with a set delay. Unless otherwise specified, there is no restriction on the order in which the multiple operations are performed.

[0058] 2) Human-computer interaction interface, which is used to provide human-computer interaction functions / display online canvas information.

[0059] For example, graphical user interfaces (GUIs) include augmented reality (AR) interfaces, virtual reality (VR) interfaces, voice user interfaces (VUIs), interactive projection interfaces (using projection technology to display information on a flat surface), eye-tracking interfaces (interfaces controlled by detecting the user's gaze), holographic interfaces (three-dimensional holograms formed by projecting images using holographic projection technology, allowing users to see stereoscopic images without wearing special glasses), multimodal interfaces (interfaces that combine multiple interaction methods, such as tactile, visual, and auditory interaction), and brain-machine interfaces (BMIs).

[0060] 3) An online canvas (or online whiteboard, online collaborative canvas) is a network-based canvas that supports multi-user collaboration and has unlimited spatial expansion. The canvas serves as the content editing area, thus having no boundaries in the four directions (up, down, left, and right). Online canvases allow users located in different locations to view and collaboratively edit content via network connection.

[0061] For example, the main functions of an online canvas include, but are not limited to:

[0062] Real-time collaboration: Multiple users can edit the same canvas simultaneously and see the results of each other's operations.

[0063] Content creation: Users can create text, draw graphics, insert images and videos, and other elements on the canvas.

[0064] Editing and formatting: Offers a wealth of editing tools, such as text formatting, graphic editing, and color filling.

[0065] Drag and drop: Users can drag and drop elements onto the canvas and adjust their position and size.

[0066] Undo and Redo: Supports undo and redo operations, making it easier for users to correct mistakes.

[0067] Save and share: Users can save the canvas as an image, document, or other format and share it on social media or with others via a link.

[0068] Annotations and annotations: Supports adding annotations and annotations, making it convenient for users to record ideas and feedback.

[0069] Templates: Provides preset templates to help users quickly create common content layouts.

[0070] Access control: Different permissions can be set to control users' access to and editing rights on the canvas.

[0071] Application scenarios for online canvases can include:

[0072] Education and Training: Online canvases can be used for online teaching, remote training, presentations, and interactive discussions.

[0073] Meetings and Discussions: During meetings, participants can use an online canvas to record key points, brainstorm, and make decisions.

[0074] Design and prototyping: Designers can use online canvases to create product prototypes and user interface designs.

[0075] Artistic Creation: Artists and designers can use online canvases as a creative tool for digital painting and design.

[0076] Project Management: Project managers can use the online canvas to plan projects, track progress, and coordinate team work.

[0077] Personal Notes and Planning: Individual users can use an online canvas to record ideas, plan schedules, and manage work tasks.

[0078] 4) Elements refer to various objects in the canvas. These objects can be newly created by the user or imported from the resource library, including but not limited to the following element types:

[0079] Text box: Allows users to enter and edit text.

[0080] Graphics: including basic shapes such as straight lines, rectangles, circles, and ellipses.

[0081] Images: Images that users can upload, which can be images from their local image library or images from the internet.

[0082] Video: An embedded video file, which can be an online video or a local video.

[0083] Audio: Embedded audio files, which can be online audio or local audio.

[0084] Handwritten notes: Notes that users write by hand on a canvas using a touchscreen or mouse.

[0085] Sticky notes: Small text boxes, typically used to jot down temporary thoughts or reminders.

[0086] Link: An embedded webpage link that, when clicked, will redirect to the corresponding webpage.

[0087] Charts, such as bar charts, line charts, and pie charts, are used for data analysis and presentation.

[0088] Symbols and icons: Graphic symbols used to represent specific concepts or categories.

[0089] Element templates: Preset combinations of elements used to quickly create common layouts or flowcharts.

[0090] 5) Attribute information refers to information describing the characteristics of elements in the online canvas. The following are some common attribute information:

[0091] Appearance attributes:

[0092] Color: The foreground and background colors of the element.

[0093] Font: The font style, size, and weight of text elements.

[0094] Border: The style, width, and color of an element's border.

[0095] Fill: The style and color of the element's internal fill.

[0096] Shadow: The light and shadow effects around or inside an element.

[0097] Transparency: The transparency level of the element.

[0098] Size and position attributes:

[0099] Width: The width of the element.

[0100] Height: The height of the element.

[0101] Position: The location of an element within the interface (usually represented by X and Y coordinates).

[0102] Margin: The space between the edge of an element and its content.

[0103] Padding: The space between the content inside an element and its boundaries.

[0104] Alignment: The alignment of an element's content or the element itself relative to other elements.

[0105] Behavioral attributes:

[0106] Clickability: Whether an element can receive click events.

[0107] Accessibility: The accessibility of an element to assistive technologies, such as screen readers.

[0108] Interaction state: The appearance and behavior of an element in different interaction states, such as hover, activation, and disabling.

[0109] Animation: The animation effects of an element in different states or operations.

[0110] Content attributes:

[0111] Text content: The text displayed by the text element.

[0112] Image source: The image file path of the image element.

[0113] Data binding: The method of binding element content to a data source.

[0114] 6) Associations refer to the logical connections established between elements on an online canvas and cells in a table, representing the interaction and data mapping between them. Specifically, associations define the following:

[0115] Association Identifier: Assign an identifier to elements on the canvas and in the table to uniquely identify the association between them.

[0116] Data binding rules: specify which attribute information of an element will be captured and which cells(s) in the table will be bound to it.

[0117] Mapping mechanism: Defines how to map element attribute information to table cells, including the direction and method of information transmission (one-way or two-way binding).

[0118] Update strategy: When the attribute information of an element changes, the update strategy specified by the association determines whether and how the cell content is updated automatically.

[0119] 7) Association identifier is a unique identifier used to mark and record the association between a specific element on the online canvas and a related cell in the table. It can be an arrow or a connector, usually automatically generated or specified by the user, and is used to explicitly represent and connect the relationship between a first element (any selected element) and at least one first cell (the table cell associated with that element).

[0120] 8) Collaborative editing refers to the process where multiple accounts can collaboratively edit a shared document or project (such as an online canvas) in real time on the same online platform. During this process, each account can see the editing activities of other accounts in real time and interact and collaborate. In a collaborative editing environment, each account typically has different roles and permissions to ensure smooth collaboration.

[0121] 9) Operation permissions refer to the permissions assigned to a specific account to restrict or allow that account to perform specific types of editing operations on the online canvas. These permissions may include, but are not limited to, viewing, editing, deleting, moving, creating elements, or creating associations between elements and the table corresponding to the account.

[0122] 10) Authorization information refers to the confirmation message generated when an account (requester) submits a permission request to another account (requested party), and the requested party reviews the request and agrees to grant the permission, indicating that the permission request has been approved. This information typically includes detailed authorization information, such as the authorized elements, the authorized account, and the validity period of the authorization, and is used to notify the requester that its permission request has been approved and that it is allowed to perform subsequent operations.

[0123] In related technologies, the element attribute information is usually copied and pasted into a table manually, which is tedious and prone to errors. It is also inefficient when dealing with a large number of elements.

[0124] Based on the above analysis, the applicant found that the online canvas processing methods of related technologies cannot quickly and accurately write the attribute information of elements into the cells of the table associated with the elements. In order to address the above problems, this application provides an online canvas processing method that can improve the efficiency and accuracy of associating tables with elements in the online canvas.

[0125] The following describes exemplary applications of the electronic devices provided in the embodiments of this application. These electronic devices can be implemented as various types of terminals such as laptops, tablets, desktop computers, set-top boxes, smartphones, smart speakers, smartwatches, smart TVs, and in-vehicle terminals, or as servers. The following will describe exemplary applications when the electronic device is implemented as a terminal.

[0126] See Figure 1 , Figure 1 This is a schematic diagram of the architecture of the online canvas processing system 100 provided in the embodiments of this application. In order to support an online canvas processing application, the terminal (terminal 400-1 and terminal 400-2 are shown as examples) connects to the server 200 through the network 300. The network 300 can be a wide area network or a local area network, or a combination of the two.

[0127] In some embodiments, the present application embodiments can be implemented independently by a terminal device. Terminal 400-1 or terminal 400-2 is used to display an online canvas on a human-computer interaction interface (human-computer interaction interfaces 410-1 and 410-2 are shown as examples), wherein the online canvas includes at least one element; obtain the association relationship between at least one element and at least one cell in a table; obtain at least one attribute information of a first element, wherein the first element is any element; determine at least one first cell in the table that has an association relationship with the first element, and write at least one attribute information of the first element into the at least one first cell.

[0128] In other embodiments, the embodiments of this application can be implemented collaboratively by a server and a terminal device. Terminal 400-1 or terminal 400-2 is used to display an online canvas on a human-computer interaction interface (human-computer interaction interfaces 410-1 and 410-2 are shown exemplarily), wherein the online canvas includes at least one element; and sends at least one element and its corresponding attribute information to server 200. Server 200 is used to obtain the association relationship between at least one element and at least one cell in a table; determine at least one first cell in the table that is associated with the first element; write at least one attribute information of the first element into the at least one first cell; and send the completed table to terminal 400-1 or terminal 400-2 for display on the human-computer interaction interface (human-computer interaction interfaces 410-1 and 410-2 are shown exemplarily).

[0129] In some embodiments, server 200 may be a standalone physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, content delivery networks (CDNs), and big data and artificial intelligence platforms. Terminals and servers can be connected directly or indirectly via wired or wireless communication, which is not limited in this embodiment.

[0130] See Figure 2 , Figure 2 This is a schematic diagram of the structure of terminal 400-1 or terminal 400-2 provided in the embodiments of this application. Figure 2 The terminal 400-1 or terminal 400-2 shown includes: at least one processor 410, a memory 450, at least one network interface 420, and a user interface 430. The various components in terminal 400-1 or terminal 400-2 are coupled together via a bus system 440. It is understood that the bus system 440 is used to implement communication between these components. In addition to a data bus, the bus system 440 also includes a power bus, a control bus, and a status signal bus. However, for clarity, ... Figure 2 The general labeled all buses as Bus System 440.

[0131] The processor 410 can be an integrated circuit chip with signal processing capabilities, such as a general-purpose processor, a digital signal processor (DSP), or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, etc. The general-purpose processor can be a microprocessor or any conventional processor, etc.

[0132] User interface 430 includes one or more output devices 431 that enable the presentation of media content, including one or more speakers and / or one or more visual displays. User interface 430 also includes one or more input devices 432, including user interface components that facilitate user input, such as a keyboard, mouse, microphone, touch screen display, camera, other input buttons and controls.

[0133] The memory 450 may be removable, non-removable, or a combination thereof. Exemplary hardware devices include solid-state storage, hard disk drives, optical disk drives, etc. The memory 450 may optionally include one or more storage devices physically located away from the processor 410.

[0134] The memory 450 may include volatile memory or non-volatile memory, or both. The non-volatile memory may be read-only memory (ROM), and the volatile memory may be random access memory (RAM). The memory 450 described in this application embodiment is intended to include any suitable type of memory.

[0135] In some embodiments, memory 450 is capable of storing data to support various operations, examples of which include programs, modules, and data structures or subsets or supersets thereof, as illustrated below.

[0136] Operating system 451 includes system programs for handling various basic system services and performing hardware-related tasks, such as the framework layer, core library layer, driver layer, etc., for implementing various basic business functions and handling hardware-based tasks;

[0137] The network communication module 452 is used to reach other electronic devices via one or more (wired or wireless) network interfaces 420, exemplary network interfaces 420 including: Bluetooth, WiFi, and Universal Serial Bus (USB), etc.

[0138] Presentation module 453 is configured to enable the presentation of information (e.g., a user interface for operating peripheral devices and displaying content and information) via one or more output devices 431 (e.g., a display screen, a speaker, etc.) associated with user interface 430;

[0139] The input processing module 454 is used to detect and translate one or more user inputs or interactions from one or more input devices 432.

[0140] In some embodiments, the apparatus provided in this application can be implemented in software. Figure 2 A processing device 455 for an online canvas stored in memory 450 is shown. This device can be software in the form of programs and plugins, and includes the following software modules: canvas display module 4551, relationship acquisition module 4552, information acquisition module 4553, and information writing module 4554. These modules are logically integrated and can therefore be arbitrarily combined or further separated according to their implemented functions. The functions of each module will be described below.

[0141] In some embodiments, the terminal or server can implement the online canvas processing method provided in this application by running various computer-executable instructions or computer programs. For example, computer-executable instructions can be microprogram-level commands, machine instructions, or software instructions. Computer programs can be native programs or software modules in an operating system; they can be native applications (APPs), i.e., programs that need to be installed in the operating system to run, such as an online canvas APP; or they can be applets that can be embedded in any APP, i.e., programs that only need to be downloaded to a browser environment to run. In summary, the aforementioned computer-executable instructions can be any form of instruction, and the aforementioned computer programs can be any form of application, module, or plugin.

[0142] The online canvas processing method provided in this application will be described by referring to the exemplary application and implementation of the terminal provided in the embodiments of this application.

[0143] See Figure 3A , Figure 3A This is a schematic diagram of the first process of the online canvas processing method provided in this application embodiment. Taking the terminal as the execution subject as an example, it will be combined with... Figure 3A The steps shown are explained.

[0144] In step 101, an online canvas is displayed, wherein the online canvas includes at least one element.

[0145] In some embodiments, at least one element may be a pre-configured element in the canvas or an element formed based on editing operations.

[0146] For example, the types of elements include at least one of the following: icons, images, videos, text, forms, organization charts, etc. The online canvas includes editing tools, and in response to triggering actions on these tools, such as a triggering action on a virtual brush, the virtual brush is set to a selected state, and in response to a swiping action on the online canvas using the virtual brush, the graphic formed by the swiping action is used as an element.

[0147] In step 102, the association between at least one element and at least one cell in the table is obtained.

[0148] Here, an element can be associated with a single cell; an element can be associated with multiple cells, for example, an element can be associated with cells in a row or a column; multiple elements with the same attribute information can be associated with a single cell. At least one cell associated with an element stores the element's attribute information. The online canvas and table can be displayed simultaneously in split-screen mode, or only one can be displayed at a time.

[0149] In some embodiments, step 102, “obtaining the association between at least one element and at least one cell in the table”, can be achieved by performing the following process: in response to a table generation trigger operation, generating the table and generating the association between at least one element and at least one cell in the table.

[0150] For example, the online canvas includes a generator control. In response to a trigger action on the generator control, a table is generated, and an association is established between at least one element and at least one cell in the table. The table is automatically generated, specifically: all elements on the online canvas are traversed, and attribute information for each element, such as color, size, and position, is extracted; a data model is created to store the extracted elements and their attribute information; this model can be a JSON (JavaScript Object Notation) object or a database table; the columns and rows of the table are dynamically generated based on the number of extracted elements and the number of attribute types; the structure of the table is determined, such as each element occupying one row, each attribute occupying one column, or each attribute type having a separate column, with different attribute values ​​of elements arranged in rows; the attribute information of the elements in the data model is traversed, and this attribute information is filled into the corresponding cells in the generated table. The association between at least one element and at least one cell in the table is automatically generated, specifically: the attribute information of at least one element is obtained, and for each element's attribute information, at least one cell is created, automatically generating an association between each element and the cell storing that element's attribute information.

[0151] This application's embodiments significantly improve work efficiency and reduce the time cost of manual operations by automatically generating tables and the relationships between elements and cells. The automation process reduces human intervention, thereby reducing errors caused by manual operations and improving data accuracy and reliability. For scenarios requiring rapid table creation and element association, automation can quickly complete these operations, rapidly responding to user needs. The automatically generated tables and relationships are easy to maintain and update; when modifications to table structure or element attributes are needed, they can quickly adapt to these changes, reducing user waiting time and complexity, and providing a smoother and more intuitive user experience.

[0152] In some embodiments, the above-mentioned "generating an association between at least one element and at least one cell in a table" may perform any of the following processes for each element:

[0153] The first approach involves establishing a relationship between the element and a cell in a row of the table.

[0154] In some embodiments, different elements correspond to different rows, and multiple cells in each row are used to store multiple attribute information of the same element.

[0155] For example, element A corresponds to the first row, and element B corresponds to the second row. If the attribute information of element A includes at least one of the following: name, color, size, creation time, creator, type, etc., then each cell in the first row is used to store one type of attribute information. For example, the first cell in the first row is used to store the name of element A, and the second cell in the first row is used to store the color of element A.

[0156] The second approach is to associate the element with a cell in a column of the table.

[0157] In some embodiments, different elements correspond to different columns, and multiple cells in each column are used to store multiple attribute information of the same element.

[0158] For example, element C corresponds to the first column, and element D corresponds to the second column. If the attribute information of element C includes at least one of the following: name, color, size, creation time, creator, type, etc., then each cell in the first column is used to store one type of attribute information. For example, the first cell in the first column is used to store the name of element C, and the second cell in the first column is used to store the color of element C.

[0159] The third approach involves establishing a relationship between an element and the corresponding number of cells in the table based on the number of attribute information associated with that element.

[0160] In some embodiments, the number of attribute information of an element is determined, the same number of cells are selected in the table, and a relationship is established between the element and the cells with the same number of attribute information as the element. The cells with the same number of attribute information as the element can be cells that are consecutive in position or cells that are arranged in a fixed distribution (e.g., cells arranged at intervals), and there is no limitation here.

[0161] For example, if the attribute information of element A includes: name, color, size, creation time, creator and type, and the number of attribute information of element A is 6, then element A will be associated with 6 cells in the table. The 6 cells can be 6 consecutive cells in a row; 6 consecutive cells in a column; 6 connected cells in a matrix with a length of 3 cells and a width of 2 cells; or any 6 cells in the table.

[0162] In some embodiments, see Figure 3B , Figure 3B This is a schematic diagram of the second process of the online canvas processing method provided in this application embodiment. Before step 102, the following steps are executed: Figure 3B Steps 201 to 203 are explained in detail below.

[0163] In step 201, in response to a triggering operation that selects a control on the online canvas, at least one element is set to a selectable state.

[0164] For example, the online canvas includes a selection control. In response to a triggering operation on the selection control, at least one element in the online canvas is set to a selectable state. Alternatively, the online canvas can be divided into multiple regions, each corresponding to a selection control. In response to a triggering operation on the selection control in any region, at least one element in that region is set to a selectable state. For instance, the online canvas can be divided into four regions: region A corresponds to selection control A, region B corresponds to selection control B, region C corresponds to selection control C, and region D corresponds to selection control D. In response to a triggering operation on selection control B corresponding to region B, at least one element in region B is set to a selectable state. The selectable state can be any of the following: adding a border to the element, blinking the element, or setting the element's color to gray.

[0165] In step 202, for each element, in response to the selection operation for the element, the element is set to the selected state.

[0166] For example, the selection operation can be a click operation, a selection box operation, or a long press operation. When the pending selection state is to add a border to an element, the selected state can be to thicken the border, highlight the border, or blink the border; when the pending selection state is to blink the element, the selected state can be to stop blinking the element, or to highlight the element while stopping blinking; when the pending selection state is to gray out the element, the selected state can be to highlight the element.

[0167] In step 203, in response to a trigger operation on at least one cell in the table, an association relationship is generated between the selected element and the triggered at least one cell.

[0168] Here, in response to a trigger operation on at least one cell in the table, a first association file is generated for the triggered cell, wherein the first association file is used to store the association between the selected element and the at least one triggered cell.

[0169] In some embodiments, in response to a triggering operation on a selection control in a table, at least one cell is set to a pending selection state; for each cell, in response to a selection operation on the cell, the cell is set to a selected state; in response to a triggering operation on at least one element in the online canvas, an association relationship is generated between the selected cells and the triggered at least one element.

[0170] For example, the state to be selected can be any of the following: blinking the cell, or graying out the cell. The selection operation can be a click, a selection box, or a long press. When the state to be selected is blinking the cell, the selected state can be a cell that has stopped blinking, or a cell that has stopped blinking and is now highlighted; when the state to be selected is graying out the cell, the selected state can be a highlighted cell. In response to a trigger operation on at least one element in the online canvas, a second association file is generated for the triggered element, wherein the second association file is used to store the association between the selected cell and the at least one triggered element.

[0171] In this embodiment, users can select elements or cells through an intuitive interface selection control, improving the interactivity and usability between the user and the online canvas. Different elements can be selected as needed and set to a pending or selected state. Users can also specify which elements are associated with which cells in the table, increasing the flexibility of relationship generation, reducing erroneous associations, and improving data integrity to meet the personalized needs of different users.

[0172] In some embodiments, prior to step 102, the following processing may be performed for each element: in response to a drag operation that moves the element's identifier from the online canvas to the table, if the element's dwell time in the second cell is greater than a duration threshold, and the element has passed through at least one cell from the second cell, an association relationship is generated between the element and the second cell and the at least one cell passed from the second cell; if the element's dwell time in all the cells it has passed through is less than a duration threshold, and the element finally stays in the second cell, an association relationship is generated between the element and the second cell.

[0173] For example, an element's identifier can be a copy of the element or an icon used to represent the element, such as a circle or the edge of the element formed by dashed lines. In response to a drag operation that moves an element's identifier from the online canvas to the table, if the duration threshold is 3 seconds, the second cell can be any cell in the table, such as cell A, and the element stays in cell A for 4 seconds, and the element passes through at least one cell from cell A, such as cells B and C, then an association is generated between the element and cells A, B, and C. If the cells the element passes through include cells D and E, the element stays in cell D for 2 seconds, in cell E for 1 second, and the element finally stops at cell A, then an association is generated between the element and cell A.

[0174] For example, see Figure 4D , Figure 4D This is a fourth schematic diagram illustrating the association of elements and tables provided in this application's embodiments. Figure 4D In the left-hand image, an online canvas 310 is displayed. The online canvas 310 includes at least one element, such as element 311, element 312, element 313, and element 314. In response to a long-press operation on element 313, an identifier 328 of element 313 is displayed. In response to a drag operation that moves the identifier 328 of element 313 from the online canvas 310 to the table 316, if the dwell time of element 313 in the second cell (e.g., cell 326) exceeds a duration threshold (e.g., a duration threshold of 3 seconds), the dwell time of element 313 in cell 326 is 4 seconds, and element 313 has passed through at least one cell from cell 326, such as cells 329 and 330, then... Figure 4DIn the right-hand image, the association relationship between element 313 and cells 326, 329, and 330 is generated, displaying association identifier 317. Association identifier 317 connects element 313 with cells 326, 329, and 330, indicating the association relationship between element 313 and these cells. Simultaneously, at least one attribute of element 313 is sequentially written into cells 326, 329, and 330, such as a title of "Minus One Vote," a type of "icon," and a color of "black."

[0175] This application's embodiments intelligently identify user intent by recording the movement path and dwell time of elements, thereby dynamically generating associations and reducing repetitive operations. By setting a dwell time threshold, some erroneous associations caused by rapid dragging or accidental operations can be filtered out, improving the accuracy of associations. During element dragging, associations are automatically identified and generated, reducing the steps of manually setting associations and thus improving generation efficiency.

[0176] In some embodiments, prior to step 102, the following processing may be performed for each element: in response to a drag operation that drags the element's identifier from the online canvas to the second cell, if the drag operation is released in the second cell and the duration of the element's stay in the second cell is greater than a duration threshold, the second cell is used as the starting cell, wherein the second cell is any cell; in response to a swipe operation starting from the starting cell, an association relationship is generated between the element and the starting cell and the cells traversed by the swipe operation.

[0177] For example, in response to a drag operation that moves an element's identifier from the online canvas to the table, if the duration threshold is 3 seconds, the second cell can be any cell in the table, such as cell A. If the drag operation is released at cell A and the element stays at cell A for 4 seconds, cell A is used as the starting cell. In response to a swipe operation starting from cell A, an association is generated between the element, cell A, and the cells traversed by the swipe operation (such as cells B and C). The swipe operation can be performed in a fixed direction or in any direction and then changed to continue swiping in another direction.

[0178] This application's embodiments eliminate the need for complex menus or settings to create relationships; they can be completed quickly through dragging and swiping, improving work efficiency. By setting duration thresholds and specific operations (such as drag-and-release and swiping), user intent can be more accurately identified, reducing accidental operations. Any cell can be freely selected as the starting cell, and the swiping path can be defined, making the creation of relationships more flexible. The duration threshold can be adjusted according to workflow and personal habits, achieving a personalized user experience.

[0179] In some embodiments, if the duration of an element's stay in the second cell exceeds a duration threshold, and the element has passed through at least one cell since starting from the second cell, an association identifier connecting the element and the second cell is displayed. The association identifier indicates that there is an association relationship between the element and the second cell, as well as the at least one cell passed from the second cell.

[0180] For example, if the duration threshold is 3 seconds, the second cell can be any cell in the table, such as cell A. If the element stays in cell A for 4 seconds, and the element has passed through at least one cell from cell A, such as cell B and cell C, then cell A is used as the starting cell, and a connection identifier between the element and cell A is displayed. The connection identifier can be an arrow or a connecting line. The connection identifier indicates that there is a relationship between the element and cells A, B, and C.

[0181] This application embodiment provides an intuitive visual indicator by displaying association markers, clearly showing the relationship between elements and cells, thus enhancing the user experience. By displaying association markers and providing clear operational feedback, users can immediately know that their operation has been successful and understand the specific details of the association, avoiding incorrect associations caused by misunderstandings or misoperations.

[0182] In some embodiments, after step 102, the following processing may be performed: in the case of the first row in the multiple element association table, in response to a modification operation on any of the multiple elements, the modified element is associated with the second row, and the attribute information of the modified element is stored in the second row; in the case of the first column in the multiple element association table, in response to a modification operation on any of the multiple elements, the modified element is associated with the second column, and the attribute information of the modified element is stored in the second column.

[0183] For example, if multiple elements have the same attribute information, such as elements A, B, and C having the same color, size, shape, and creator, and the first row of the association table for elements A, B, and C is in the same row, then if the attribute information of element A is modified, for example, its color is changed from black to red, then element A is associated with the second row, and the modified attribute information of element A is stored in the second row. Similarly, if the first column of the association table for elements A, B, and C is in the same row, and the attribute information of element A is modified, for example, its color is changed from black to red, then element A is associated with the second column, and the modified attribute information of element A is stored in the second column.

[0184] This application automatically associates modified elements with specific rows or columns of a table and stores relevant attribute information, reducing the need for manual data input and management. Through this automatic association and storage mechanism, the consistency between element attribute information and the corresponding rows or columns in the table is ensured, avoiding data duplication or contradictions. No additional steps are required to establish new associations or update table data, thus simplifying the entire operation process, reducing waiting time, and improving update efficiency.

[0185] In step 103, at least one attribute information of the first element is obtained, wherein the first element is any element.

[0186] For example, attribute information includes at least one of the following: name, color, size, shape, creator, creation time, and type. Attribute information may be the same or different for different elements.

[0187] In step 104, at least one first cell in the table that is associated with the first element is determined, and at least one attribute information of the first element is written into the at least one first cell.

[0188] For example, at least one cell can be a single cell, a row of cells, a column of cells, or a series of cells equal to the number of attribute information of the first element.

[0189] In some embodiments, see Figure 3C , Figure 3C This is a schematic diagram of the third process of the online canvas processing method provided in the embodiments of this application. Figure 3A Step 104, "Determine at least one first cell in the table that is related to the first element," can be achieved through... Figure 3C Steps 1041A to 1043A are implemented, and the details are explained below.

[0190] In step 1041A, in response to the trigger operation on the first element, the first element to be triggered is set to the selected state.

[0191] For example, the triggering action for the first element can be a single click, double click, or selection box, and the selected state can be at least one of the following: highlighted, blinking, magnified, or with thickened edges.

[0192] In step 1042A, in response to a trigger operation on at least one cell, the at least one cell to be triggered is set to a selected state.

[0193] For example, the triggering action for at least one cell can be clicking, selecting by box, or selecting by swiping, and the selected state can be at least one of the following: highlighted, blinking, or thickened.

[0194] In step 1043A, the selected cell is designated as at least one first cell that is associated with the first element.

[0195] For example, taking the automatically generated relationship as an example, see [link to example]. Figure 4A , Figure 4A This is a first schematic diagram illustrating the association of elements and tables provided in an embodiment of this application. Figure 4A The left-hand image shows an online canvas 310, which includes at least one element, such as element 311, element 312, element 313, and element 314. The online canvas 310 also includes a generation control 315. In response to a triggering operation on the generation control 315, in Figure 4A In the intermediate image, table 316 is generated, and at least one element is associated with at least one cell in table 316. For example, element 311 is associated with the cell in the second row of table 315, element 312 with the cell in the second row of table 315, element 313 with the cell in the third row of table 315, and element 314 with the cell in the eighth row of table 315. In response to a triggering operation on the first element (e.g., element 313), the triggered element 313 is set to a selected state, such as highlighted. In response to a triggering operation on at least one cell (e.g., the cell in the third row), in... Figure 4A In the right-hand image, the triggered third row cell is set to a selected state, for example, highlighted. The selected third row cell is used as at least one first cell that is associated with element 313. At least one attribute information of element 313 is written into the third row cell, such as title "Minus One Vote", type "icon", color "black", etc.

[0196] This application embodiment intuitively displays the selected first element and the first cell through the selected state, so as to quickly establish the association between the first element and the first cell, reduce the incorrect association caused by misselection, and improve the flexibility and efficiency of the association generation by allowing the user to choose the association.

[0197] In some embodiments, when performing step 1043A above, the following process may be performed: displaying an association identifier between the first element and at least one first cell, wherein the association identifier is used to connect the first element and at least one first cell, and the association identifier indicates that there is an association relationship between the first element and at least one first cell.

[0198] For example, the association identifier can be an arrow or a connector. Taking an arrow as an example, in... Figure 4A In the right-hand image, when the selected third row cell is used as at least one first cell associated with element 313, the association identifier 317 between element 313 and the third row cell is displayed. The association identifier 317 is used to connect element 313 and the third row cell, and the association identifier indicates that there is an association relationship between element 313 and the third row cell.

[0199] For example, if the relationship is manually generated, see [link to example]. Figure 4B , Figure 4B This is a second schematic diagram illustrating the association of elements and tables provided in an embodiment of this application. Figure 4B The left-hand image shows an online canvas 310, which includes at least one element, such as element 311, element 312, element 313, and element 314. The online canvas 310 also includes a selection control 318. In response to a trigger operation on the selection control 318, elements 311, 312, 313, and 314 are set to a selectable state. In response to a selection operation on element 313, ... Figure 4B In the right-hand diagram, element 313 is set to the selected state in response to a triggered action on at least one cell in the table (e.g., the cell in row 3). See [link to diagram]. Figure 4C , Figure 4C This is a third schematic diagram illustrating the association between elements and tables provided in the embodiments of this application. Figure 4CIn the left-hand diagram, an association is generated between the selected element 313 and the triggered cell in the 3rd row. Similarly, in response to a selection operation on element 311, element 311 is set to the selected state; in response to a trigger operation on the cell in the 2nd row of the table, an association is generated between the selected element 311 and the triggered cell in the 2nd row. In response to a selection operation on element 312, element 312 is set to the selected state; in response to a trigger operation on the cell in the 2nd row of the table, an association is generated between the selected element 312 and the triggered cell in the 2nd row. In response to a selection operation on element 314, element 314 is set to the selected state; in response to a trigger operation on the cell in the 8th row of the table, an association is generated between the selected element 314 and the triggered cell in the 8th row. In response to a trigger operation on the first element (e.g., element 313), the triggered element 313 is set to the selected state, for example, highlighted; in response to a trigger operation on at least one cell (e.g., the cell in the 3rd row), in... Figure 4C In the right-hand image, the triggered third row cell is set to a selected state, for example, highlighted. The selected third row cell is considered at least one first cell associated with element 313. Taking an arrow as the association identifier, when the selected third row cell is considered at least one first cell associated with element 313, the association identifier 317 between element 313 and the third row cell is displayed. The association identifier 317 connects element 313 and the third row cell, indicating a relationship between them. At least one attribute of element 313 is written into the third row cell, such as a title of "Minus One Vote," a type of "icon," and a color of "black."

[0200] For example, if the relationship is generated through drag-and-drop operations, see [link / example]. Figure 4D , Figure 4D This is a fourth schematic diagram illustrating the association of elements and tables provided in this application's embodiments. Figure 4D In the left-hand image, an online canvas 310 is displayed. The online canvas 310 includes at least one element, such as element 311, element 312, element 313, and element 314. In response to a long-press operation on element 313, an identifier 328 of element 313 is displayed. In response to a drag operation that moves the identifier 328 of element 313 from the online canvas 310 to the table 316, if the dwell time of element 313 in the second cell (e.g., cell 326) exceeds a duration threshold (e.g., a duration threshold of 3 seconds), the dwell time of element 313 in cell 326 is 4 seconds, and element 313 has passed through at least one cell from cell 326, such as cells 329 and 330, then... Figure 4D In the right-hand image, the association relationship between element 313 and cells 326, 329, and 330 is generated, displaying association identifier 317. Association identifier 317 connects element 313 with cells 326, 329, and 330, indicating the association relationship between element 313 and these cells. Simultaneously, at least one attribute of element 313 is sequentially written into cells 326, 329, and 330, such as a title of "Minus One Vote," a type of "icon," and a color of "black."

[0201] For example, in the case where multiple elements are associated in the same row of a table and the attribute information of any element is modified, see [example missing]. Figure 4E , Figure 4E This is a schematic diagram illustrating the modification of attribute information of any one of multiple elements according to an embodiment of this application. Figure 4E The left-hand image shows an online canvas 310, which includes at least one element, such as element 311, element 312, element 313, and element 314. Elements 311 and 312 are both associated with the second row of cells in table 316. Association identifiers 331 and 332 are displayed. Association identifier 331 connects element 311 to the second row cell, indicating an association relationship between element 311 and the second row cell. Association identifier 332 connects element 312 to the second row cell, also indicating an association relationship between element 312 and the second row cell. In response to a modification operation on any one of the multiple elements, such as changing element 312 from the icon "Vote" to the icon "Deduct One Vote," in... Figure 4E In the right-hand diagram, the element 312 to be modified is associated with the cell in the third row, and the attribute information of the modified element 312 is stored in the cell in the third row. The attribute information stored in the original cell in the second row is retained. At the same time, the association identifier 332 is changed from connecting to the cell in the second row to connecting to the cell in the third row.

[0202] In some embodiments, the table includes multiple sub-tables, each corresponding to a different element type. See [link / reference] Figure 3D , Figure 3D This is a schematic diagram of the fourth process of the online canvas processing method provided in the embodiments of this application. Figure 3A Step 104, "Determine at least one first cell in the table that is related to the first element," can be achieved through... Figure 3D Steps 1041B to 1042B are implemented, and the details are explained below.

[0203] In step 1041B, the first sub-table corresponding to the first element is determined according to the element type of the first element.

[0204] For example, element types include at least one of the following: text box, graphics, image, video, audio, handwritten notes, sticky notes, link, chart, symbol and icon, element template.

[0205] In step 1042B, at least one first cell in the first sub-table that is associated with the first element is determined.

[0206] For example, taking the automatically generated relationship as an example, see [link to example]. Figure 4F , Figure 4F This is a first schematic diagram illustrating the association between elements and sub-tables provided in an embodiment of this application. Figure 4F The left-hand image shows an online canvas 310, which includes at least one element, such as element 311, element 312, element 313, and element 314. The online canvas 310 also includes a generation control 315. In response to a triggering operation on the generation control 315, in Figure 4F In the intermediate image, table 316 is generated, which includes at least one sub-table, such as sub-table 319, sub-table 320, and sub-table 321. Different sub-tables correspond to different element types. For example, sub-table 319 corresponds to elements of type icon, sub-table 320 corresponds to elements of type form, and sub-table 321 corresponds to elements of type video. At least one element is associated with at least one cell in the corresponding sub-table in table 316. For example, element 311 is associated with the second row cell in sub-table 319 (i.e., sub-table 1), element 312 is associated with the second row cell in sub-table 319 (i.e., sub-table 1), element 313 is associated with the third row cell in sub-table 319 (i.e., sub-table 1), and element 314 is associated with the eighth row cell in sub-table 320 (i.e., sub-table 2). Taking element 313 as the first element, and based on the element type of element 313, i.e., an icon, determine the corresponding sub-table 319, and take sub-table 319 as the first sub-table. In response to a trigger operation targeting the first element (e.g., element 313), the triggered element 313 is set to a selected state, such as highlighted. In response to a trigger operation targeting at least one cell (e.g., the cell in the third row of sub-table 319), in... Figure 4FIn the right-hand image, the third row cell of the triggered sub-table 319 is set to a selected state, for example, highlighted. The third row cell of the sub-table 319 in the selected state is used as at least one first cell that is associated with element 313. The association identifier 317 between element 313 and the third row cell of sub-table 319 is displayed. The association identifier 317 is used to connect element 313 and the third row cell of sub-table 319. The association identifier indicates that there is an association relationship between element 313 and the third row cell of sub-table 319. At least one attribute information of element 313 is written into the third row cell of sub-table 319, such as title "Minus One Vote", type "Icon", color "Black", etc.

[0207] This application's embodiments maintain a clear table structure and facilitate management and maintenance by assigning different types of elements to different sub-tables. Processing can be performed in the corresponding sub-tables based on element type, which helps execute type-specific operations and rules, improving the accuracy of data processing. Users only need to focus on the sub-tables related to specific element types, reducing unnecessary information interference and simplifying the operation process.

[0208] Here, in response to a modification operation on the element type of the first element, a third sub-table corresponding to the modified first element is determined, and at least one first cell in the third sub-table that is associated with the modified first element is determined, wherein the first cell is automatically generated or specified.

[0209] In some embodiments, the online canvas includes multiple regions, and the table includes multiple sub-tables, with different sub-tables corresponding to different regions. See [link / reference] Figure 3E , Figure 3E This is a schematic diagram of the fifth process of the online canvas processing method provided in the embodiments of this application. Figure 3A Step 104, "Determine at least one first cell in the table that is related to the first element," can be achieved through... Figure 3E Steps 1041C to 1042C are implemented, and the details are explained below.

[0210] In step 1041C, the second sub-table corresponding to the first element is determined based on the region to which the first element belongs in the online canvas.

[0211] For example, the online canvas includes two regions, such as the upper region and the lower region. The upper region corresponds to sub-table A, and the lower region corresponds to sub-table B. If the region to which the first element belongs in the online canvas is the upper region, then the first element corresponds to sub-table A, and sub-table A is used as the second sub-table.

[0212] In step 1042C, at least one first cell in the second sub-table that is associated with the first element is determined.

[0213] For example, taking the automatically generated relationship as an example, see [link to example]. Figure 4G , Figure 4G This is a second schematic diagram illustrating the association between elements and sub-tables provided in an embodiment of this application. Figure 4G The left-hand image shows an online canvas 310, which includes at least one element, such as element 311, element 312, element 313, and element 314. The online canvas 310 also includes a generation control 315. In response to a triggering operation on the generation control 315, in Figure 4G In the intermediate image, table 316 is generated, which includes at least one sub-table, such as sub-table 322 and sub-table 323. Different sub-tables correspond to different areas. For example, sub-table 322 corresponds to the upper half of the online canvas, and sub-table 323 corresponds to the lower half of the online canvas. At least one element is associated with at least one cell in the corresponding sub-table in table 316. For example, element 311 is associated with the second row cell in sub-table 322 (i.e., sub-table 4), element 312 is associated with the second row cell in sub-table 322 (i.e., sub-table 4), element 313 is associated with the third row cell in sub-table 322 (i.e., sub-table 4), and element 314 is associated with the eighth row cell in sub-table 323 (i.e., sub-table 5). Taking element 313 as the first element, and based on the area to which element 313 belongs, i.e., the upper half of the online canvas, determine the corresponding sub-table 322, and take sub-table 322 as the first sub-table. In response to a trigger operation on the first element (e.g., element 313), the triggered element 313 is set to a selected state, such as highlighted. In response to a trigger operation on at least one cell (e.g., the third row cell of sub-table 322), in... Figure 4G In the right-hand image, the third row cell of the triggered sub-table 322 is set to a selected state, for example, highlighted. The third row cell of the sub-table 322 in the selected state is used as at least one first cell that is associated with element 313. The association identifier 317 between element 313 and the third row cell of sub-table 322 is displayed. The association identifier 317 is used to connect element 313 and the third row cell of sub-table 322. The association identifier indicates that there is an association relationship between element 313 and the third row cell of sub-table 322. At least one attribute information of element 313 is written into the third row cell of sub-table 322, such as title "Minus One Vote", type "Icon", color "Black", etc.

[0214] This application's embodiments associate elements with sub-tables of specific regions, ensuring that the attribute information of elements stored in the sub-tables corresponds to the element's position on the online canvas, thus improving the clarity of data management. Users can quickly locate the sub-table corresponding to an element, reducing the time spent searching and filtering through large amounts of data and improving operational efficiency. When it is necessary to update or maintain data in a specific region, operations can be performed directly on the corresponding sub-table without affecting other sub-tables. As the online canvas increases and changes, new sub-tables can be easily added to adapt to new regions, demonstrating strong system scalability.

[0215] Here, in response to a modification operation on the region to which the first element belongs, a fourth sub-table corresponding to the modified first element is determined, and at least one first cell in the fourth sub-table that is associated with the modified first element is determined, wherein the first cell is automatically generated or specified.

[0216] In some embodiments, see Figure 3F , Figure 3F This is a schematic diagram of the sixth process of the online canvas processing method provided in this application embodiment. After step 104 "writing at least one attribute information of the first element in at least one first cell", the following steps are executed: Figure 3F Steps 105 and 106 are explained in detail below.

[0217] In step 105, in response to the trigger operation of the undo control, the association between the first element and at least one first cell is undone, at least one attribute information of the first element is deleted from at least one first cell, and the association identifier between the first element and at least one first cell is canceled.

[0218] In some embodiments, the undo control may be displayed next to the element or in at least one first cell.

[0219] For example, see Figure 4H , Figure 4H This is a schematic diagram illustrating the revocation of an association as provided in an embodiment of this application. Figure 4H In the left-hand image, the selected cell in the third row is designated as at least one first cell associated with element 313. An association identifier 317 between element 313 and the third-row cell is displayed. At least one attribute of element 313 is written into the third-row cell, such as a title of "Minus One Vote," a type of "icon," and a color of "black." In response to a trigger operation on the undo control 324, in Figure 4H In the right-hand image, the association between element 313 and the cell in the third row is removed, the attribute information of element 313 is deleted from the cell in the third row, and the association identifier 317 between element 313 and the cell in the third row is removed.

[0220] In step 106, in response to the operation of establishing an association between the first element and at least one second cell, at least one attribute information of the first element is written into at least one second cell, and an association identifier between the first element and at least one second cell is displayed.

[0221] For example, in response to an operation that establishes an association between element 313 and at least one second cell (e.g., the cell in row 4), following the above... Figure 4H See the right-hand image. Figure 4I , Figure 4I This is a schematic diagram illustrating the reconstruction of association relationships provided in an embodiment of this application. Figure 4I In the middle, write at least one attribute information of element 313 in the cell of the 4th row, such as title "Minus one vote", type "icon", color "black", etc., and display the association identifier 325 between element 313 and cell of the 4th row.

[0222] This application's embodiments allow for the revocation and establishment of element associations, providing a flexible data management approach. The revocation function enables timely correction of erroneous associations, reducing errors and redundancy in the data. When an association error is detected, the association can be immediately revoked and the correct association re-established, optimizing the error handling process. By displaying association markers, changes in the association relationships between elements and cells can be visually observed, facilitating visual data management.

[0223] In some embodiments, see Figure 3G , Figure 3G This is a schematic diagram of the seventh step of the online canvas processing method provided in this application embodiment. After step 104, "writing at least one attribute information of the first element in at least one first cell", the following steps are executed: Figure 3G Steps 107 and 108 are explained in detail below.

[0224] In step 107, in response to a modification operation on the first attribute information of the first element, the first attribute information written in at least one cell is updated, wherein the first attribute information is any attribute information of the first element.

[0225] For example, see Figure 4J , Figure 4J This is a schematic diagram illustrating the element-based table update method provided in an embodiment of this application. Figure 4JIn the left-hand image, the selected cell in the third row is designated as at least one first cell associated with element 313. An association identifier 317 between element 313 and the third row cell is displayed. At least one attribute of element 313 is written into the third row cell, such as a title of "Minus One Vote," a type of "icon," and a color of "black." In response to modifications to the first attribute of element 313, such as changing the icon from "Minus One Vote" to "Vote," the following information is displayed: Figure 4J In the right-hand image, update the first attribute information written in the third row cell, for example, update the title from "Minus One Vote" to "Vote One".

[0226] In step 108, in response to a modification operation on the second attribute information in at least one cell, the first element is updated, wherein the second attribute information is any attribute information written into the first element of at least one cell.

[0227] For example, see Figure 4K , Figure 4K This is a schematic diagram illustrating the updating of elements based on a table, as provided in an embodiment of this application. Figure 4K In the left-hand image, the selected cell in row 3 is designated as at least one first cell associated with element 313. An association identifier 317 between element 313 and the cell in row 3 is displayed. At least one attribute of element 313 is written into the cell in row 3, such as a title of "Minus One Vote," a type of "icon," and a color of "black." In response to a modification to the second attribute information in the cell in row 3, such as updating the title from "Minus One Vote" to "Vote," in... Figure 4K In the right-hand image, update element 313, for example, by changing the icon for "minus one vote" to the icon for "cast one vote".

[0228] Here, the online canvas is collaboratively edited by multiple accounts. If both the first element and the table are created by the first account, in response to a modification operation on the first attribute information of the first element, the first attribute information written in at least one cell is updated, where the first attribute information is any attribute information of the first element. In response to a modification operation on the second attribute information in at least one cell, the first element is updated, where the second attribute information is any attribute information of the first element written in at least one cell.

[0229] In this application embodiment, after the attribute information of an element is modified, the attribute information in related cells can be updated immediately, ensuring the real-time nature and synchronization of the data. Automatic updates reduce data errors caused by manual input and improve data accuracy. The bidirectional update mechanism reduces the time users spend waiting for and checking data, improving overall work efficiency. In large or complex tables involving multiple elements and attribute information, the bidirectional update mechanism can simplify the maintenance process and save time and resources.

[0230] In some embodiments, after step 104 "writing at least one attribute information of the first element in at least one first cell", the following processing may also be performed: in response to a trigger operation for any first cell, if the table and the online canvas are displayed simultaneously, highlight the first element of the online canvas; if the table and the online canvas are not displayed simultaneously, jump to the first element of the online canvas.

[0231] For example, see the case where a table and an online canvas are displayed simultaneously. Figure 4A The right-hand image, in response to a triggered action on any cell in the third row of table 316, highlights element 313 of the online canvas 310.

[0232] For example, in the case where the table and the online canvas are not displayed simultaneously, see Figure 4L , Figure 4L This is a schematic diagram illustrating the split-screen display of the online canvas and table provided in an embodiment of this application. Figure 4L The left-hand image shows table 316. The third row of cells in table 316 contains the attribute information for element 313. This is in response to a triggering action on any of the first cells, such as a triggering action on cell 326. Figure 4L In the image on the right, navigating to element 313 in the online canvas 310 allows you to pin and highlight element 313, while hiding all elements preceding element 313.

[0233] In this embodiment, when the table and online canvas are displayed simultaneously, elements related to the triggered cell are highlighted. This eliminates the need to switch between the table and the online canvas, allowing for quick locating and processing of relevant elements, thus improving work efficiency. When the table and online canvas are not displayed simultaneously, in response to a trigger operation on any first cell, the system automatically jumps to the first element on the online canvas, quickly locating elements related to the cell, simplifying the element query process, and improving element query efficiency.

[0234] In some embodiments, the online canvas is collaboratively edited by multiple accounts, including a first account and a second account. Each account has operation permissions for the elements it edits and forms. The first element is edited and formed by the first account logged into the online canvas, and the table is created for the first account.

[0235] For example, operation permissions include editing elements or associating elements in the online canvas with a table. Element A is the first element, created by the first account, and element B is created by the second account. The first account does not have operation permissions for element B, and the second account does not have operation permissions for element A.

[0236] In some embodiments, see Figure 3H , Figure 3H This is a schematic diagram of the eighth process of the online canvas processing method provided in this application embodiment. After step 104 "writing at least one attribute information of the first element in at least one first cell", the following steps are executed: Figure 3H Steps 109 to 110 are explained in detail below.

[0237] In step 109, if the online canvas includes a second element created by the second account, in response to a permission request operation for the second element, a permission request message is sent to the terminal corresponding to the second account.

[0238] Here, before sending the permission request message to the terminal corresponding to the second account, the security of the first account can be verified. For example, it can be verified whether the first account is collaborating with the second account on the same online canvas, or whether the permission request message sent by the first account carries the identifier of the second element.

[0239] In step 110, in response to receiving the authorization message sent by the terminal corresponding to the second account, the association relationship between the second element and the table is generated.

[0240] For example, the authorization message can be authentication information, a key, or a certificate. The authorization information indicates that the first account has the operation permission for the second element, such as editing the second element or generating the association between the second element and the table.

[0241] In some embodiments, upon receiving an authorization message sent by the terminal corresponding to the second account, the following processing may be performed: in response to an edit operation on the second element, update the attribute information of the second element written in the table corresponding to the second account.

[0242] For example, see Figure 4M , Figure 4M This is a schematic diagram of the table for updating the second account provided in an embodiment of this application. Figure 4MThe left-hand image shows an online canvas 310 and a table 327. The online canvas 310 includes at least one element, such as element 311, element 312, element 313, and element 314. Elements 311, 312, and 313 are first elements created by a first account, element 314 is a second element created by a second account, and table 327 is a table created by the second account. In response to a permission request operation for element 314, a permission request message is sent to the terminal corresponding to the second account. Upon receiving an authorization message from the terminal corresponding to the second account, in response to an editing operation for element 314, such as changing the color of element 314 from "black" to "red," Figure 4M In the right-hand image, update the attribute information of element 314 written in table 327 corresponding to the second account, for example, update the color of row 8 of table 327 from "black" to "red".

[0243] This application's embodiments enable fine-grained access control by differentiating elements edited by different accounts, ensuring that each account can only operate on elements it has created. The permission request and authorization mechanism enhances data security, preventing unauthorized access and modification. In multi-account collaboration, a clear permission request and authorization process helps standardize the collaboration workflow, reducing conflicts and misunderstandings. This mechanism allows for effective data sharing and collaboration between different accounts; the automated permission request and authorization process reduces the need for manual user operations, improving collaboration efficiency. An automated update mechanism ensures consistency of element attributes across accounts, avoiding data conflicts.

[0244] The following will describe an exemplary application of the embodiments of this application in an online canvas APP application scenario.

[0245] The embodiments of this application are not limited to online collaboration in the context of an online canvas APP, but are also applicable in other scenarios, such as the online canvas mini-program scenario in an instant messaging APP or the browser scenario that can display and process online canvases. Online collaboration includes online meetings, online teaching and training, creative drawing and display, etc.

[0246] In related technologies, element attribute information is typically copied and pasted manually into a table, a tedious and error-prone process. When dealing with a large number of elements, this method is inefficient and not easily adapted for dynamic adjustment and updates.

[0247] This application embodiment can quickly determine at least one first cell that stores the association relationship with the first element by obtaining the association relationship between at least one element and at least one cell in the table, and write at least one attribute information of the first element in the at least one first cell. The association relationship realizes the automatic writing of the attribute information of the element. Compared with manually copying and pasting attribute information, it reduces the possibility of manual operation errors, has a higher degree of intelligence, improves the efficiency of information processing, and enhances the user experience.

[0248] See Figure 5 , Figure 5 This is a schematic diagram of an online collaborative canvas provided in an embodiment of this application. The online collaborative canvas (i.e., online canvas) includes a canvas editing area and a worksheet editing area. See also... Figure 6 , Figure 6 This is a functional diagram of the online collaborative canvas provided in this application embodiment. The canvas editing area, as the core part of the online collaborative canvas, provides rich graphic drawing and editing functions. The canvas editing area is used to draw graphic elements (i.e., elements), such as rectangles, circles, or lines. The canvas editing area has built-in various graphic drawing tools; in response to trigger operations on the icons on the toolbar, the user can select the desired drawing tool. The canvas editing area provides rich graphic editing functions. During the drawing of graphic elements, users can personalize the graphics, such as adjusting size, color, and border style, by storing graphic attributes (such as width, height, color values, etc.). Users can also perform various operations on graphic elements, such as moving, rotating, and copying.

[0249] To meet the needs of real-time collaborative editing by multiple users, the canvas editing area employs real-time synchronization technologies, such as Operation Transformation (OT), to ensure data consistency when multiple users are editing the canvas simultaneously. When a user performs a graphic editing operation, the operation information is sent to the server in real time. Upon receiving the operation information, the server broadcasts it to all online collaborating users, ensuring instant synchronization of the graphic content.

[0250] The worksheet editing area is used to edit data related to graphic elements. Users can create and edit data associated with graphic elements within this area. Each worksheet consists of rows and columns, with cells used to store data. Each worksheet cell also has a unique identifier, SeqID, for cell identification. Furthermore, a worksheet can contain multiple worksheet areas (i.e., sub-worksheets). For example, multiple sub-worksheets within a single worksheet file, each worksheet area storing different types of data, such as element types or text; alternatively, each worksheet area can correspond to a region on the canvas, for example, sub-worksheet 1 storing element data (i.e., elements) at coordinates (0, 100) on the canvas. Users can customize the number and structure of worksheet areas as needed. When editing data, users can use various data formats and types, such as text, numbers, and dates, ensuring data accuracy and integrity.

[0251] The association management function is a key part of online collaborative whiteboards, enabling the association between whiteboard elements and worksheet data. After a user completes the drawing (i.e., element), they can manually select graphic elements in the whiteboard using the association management tool on the interface. For example, the association management tool could be a selection tool. In response to triggering the selection tool and selecting elements in the whiteboard, the selected element is confirmed. A worksheet selection window is displayed. In response to selecting a target worksheet (which can be any worksheet) and a range of cells within the target worksheet in the worksheet selection window, the selected cells are confirmed, and a confirmation prompt is displayed. In response to the confirmation prompt, a mapping relationship (i.e., association relationship) between the graphic element and the column where the cell is located is generated, for example, (element ID: cell row number) or (a certain element type: cell row number).

[0252] Once a graphic element is associated with a worksheet cell, its attribute data (i.e., attribute information) is automatically captured. According to preset mapping rules, this attribute data is filled into the associated cells. For example, the element's attribute data is entered into the cell corresponding to the element, or the element's attribute data, such as location, color, size, creator, and creation time, is entered sequentially into the row / column containing the element's cell. Simultaneously, the attribute data is converted to a format suitable for storage in the cells according to the mapping rules. The worksheet supports multiple data formats and types, ensuring data accuracy and integrity.

[0253] The linked navigation feature is a key function in online collaborative canvases that enables seamless transitions between worksheets and canvases. When users browse data (i.e., attribute information) in a worksheet, they can click on specific rows or cells. Upon detecting a click event, the system quickly locates the graphic element associated with that cell based on the mapping relationship between graphic elements and cells. During this location process, the identifier of the target cell is first obtained based on the click event, and then the associated graphic element is searched in the mapping database. Once successfully located, the view focus is switched to the graphic element, and it is highlighted, making it easy for users to view and edit the associated graphic element, thus achieving a seamless transition from worksheet to canvas. This linked navigation feature greatly improves the efficiency of switching between canvases and worksheets, enabling visual editing of data.

[0254] In some embodiments, the canvas and worksheet can be displayed separately, and the canvas and worksheet are two independent applications. Users need to switch between the two applications to work. Independent applications can better optimize their respective functions and performance, while also reducing system complexity.

[0255] Online collaborative whiteboards and worksheets can also be integrated into collaboration tools, such as project management tools or document collaboration tools. Users can complete all their work in a unified interface without switching between different applications, providing more comprehensive collaboration features.

[0256] Artificial intelligence (AI) technology can be used to automatically identify and establish relationships between elements and worksheet cells. For example, image recognition technology can be used to identify graphic elements on the canvas, and then machine learning algorithms can be used to predict which worksheet cells they are related to, thereby further improving operational efficiency.

[0257] Data visualization tools can be used to allow users to import data and then automatically generate various charts and graphs to display the data more intuitively and improve ease of operation.

[0258] With its real-time synchronization feature and intuitive user interface, users can easily exchange and manipulate data between the canvas and worksheets without the need for tedious manual copying and pasting. This not only reduces operation time but also lowers the risk of data inconsistencies caused by human error.

[0259] Automated association management and data population functions ensure data accuracy and integrity. By intelligently identifying the attributes (i.e., attribute information) of graphic elements and correctly mapping them to the corresponding cells in the worksheet, errors that may occur during manual input are avoided.

[0260] A user-friendly interface and intuitive workflow allow users to quickly get started and enjoy a highly efficient work experience. An intelligent recommendation system and optimized interaction design further enhance user satisfaction and work efficiency.

[0261] The following description continues to illustrate the exemplary structure of the online canvas processing device 455 provided in the embodiments of this application as a software module. In some embodiments, such as... Figure 2 As shown, the software modules stored in the online canvas processing device 455 in the memory 450 may include:

[0262] Canvas display module 4551 is used to display an online canvas, wherein the online canvas includes at least one element.

[0263] The relationship retrieval module 4552 is used to retrieve the association relationship between at least one element and at least one cell in the table.

[0264] The information acquisition module 4553 is used to acquire at least one attribute information of the first element, wherein the first element is any element.

[0265] The information writing module 4554 is used to determine at least one first cell in the table that is related to the first element, and to write at least one attribute information of the first element in the at least one first cell.

[0266] In some embodiments, the relationship acquisition module 4552 is further configured to generate a table in response to a table generation trigger operation, and generate an association relationship between at least one element and at least one cell in the table.

[0267] In some embodiments, the relationship acquisition module 4552 is further configured to perform any of the following processes for each element: establish an association between the element and a cell in a row of a table; establish an association between the element and a cell in a column of a table; establish an association between the element and a number of cells in a table based on the number of attribute information of the element.

[0268] In some embodiments, the relationship acquisition module 4552 is further configured to, in response to a trigger operation for selecting a control in an online canvas, set at least one element to a selectable state; for each element, in response to a selection operation for the element, set the element to a selected state; and in response to a trigger operation for at least one cell in a table, generate an association relationship between the element in the selected state and the triggered at least one cell.

[0269] In some embodiments, the relationship acquisition module 4552 is further configured to perform the following processing for each element: in response to a drag operation that drags the element's identifier from the online canvas to the table, if the element's dwell time in the second cell is greater than a duration threshold, and the element has passed through at least one cell from the second cell, generate an association relationship between the element and the second cell and the at least one cell passed from the second cell; if the element's dwell time in all the cells it has passed through is less than a duration threshold, and the element finally stays in the second cell, generate an association relationship between the element and the second cell.

[0270] In some embodiments, the relationship acquisition module 4552 is further configured to display an association identifier connecting the element and the second cell if the duration of the element's stay in the second cell is greater than the duration threshold and the element has passed through at least one cell from the second cell. The association identifier indicates that there is an association relationship between the element and the second cell and at least one cell passed from the second cell.

[0271] In some embodiments, the relationship acquisition module 4552 is further configured to, in the case of a first row in a multiple element association table, in response to a modification operation on any of the multiple elements, establish an association relationship between the modified element and the second row, and store the attribute information of the modified element in the second row; and in the case of a first column in a multiple element association table, in response to a modification operation on any of the multiple elements, establish an association relationship between the modified element and the second column, and store the attribute information of the modified element in the second column.

[0272] In some embodiments, the information writing module 4554 is further configured to, in response to a triggering operation on a first element, set the first element to be triggered to a selected state; in response to a triggering operation on at least one cell, set at least one cell to be triggered to a selected state; and regard the cell in the selected state as at least one first cell that is associated with the first element.

[0273] In some embodiments, the information writing module 4554 is further configured to display an association identifier between the first element and at least one first cell, wherein the association identifier is used to connect the first element and at least one first cell, and the association identifier indicates that there is an association relationship between the first element and at least one first cell.

[0274] In some embodiments, the table includes multiple sub-tables, and different sub-tables correspond to different element types. The information writing module 4554 is further configured to determine the first sub-table corresponding to the first element based on the element type of the first element; and to determine at least one first cell in the first sub-table that is associated with the first element.

[0275] In some embodiments, the online canvas includes multiple regions, the table includes multiple sub-tables, and different sub-tables correspond to different regions. The information writing module 4554 is further configured to determine the second sub-table corresponding to the first element based on the region to which the first element belongs in the online canvas; and determine at least one first cell in the second sub-table that is associated with the first element.

[0276] In some embodiments, the information writing module 4554 is further configured to, in response to a trigger operation on the undo control, cancel the association between the first element and at least one first cell, delete at least one attribute information of the first element from at least one first cell, and cancel the display of the association identifier between the first element and at least one first cell; and, in response to an operation on establishing an association between the first element and at least one second cell, write at least one attribute information of the first element into at least one second cell and display the association identifier between the first element and at least one second cell.

[0277] In some embodiments, the information writing module 4554 is further configured to update the first attribute information written in at least one cell in response to a modification operation on the first attribute information of the first element, wherein the first attribute information is any attribute information of the first element; and to update the first element in response to a modification operation on the second attribute information in at least one cell, wherein the second attribute information is any attribute information of the first element written in at least one cell.

[0278] In some embodiments, the information writing module 4554 is further configured to, in response to a trigger operation on any first cell, highlight the first element of the online canvas when the table and the online canvas are displayed simultaneously, and jump to the first element of the online canvas when the table and the online canvas are not displayed simultaneously.

[0279] In some embodiments, the online canvas is collaboratively edited by multiple accounts, including a first account and a second account. Each account has operation permissions for the elements it edits. The first element is edited by the first account logged into the online canvas, and the table is created for the first account. The information writing module 4554 is also used to, if the online canvas includes a second element edited by the second account, send a permission request message to the terminal corresponding to the second account in response to a permission request operation for the second element; and generate an association relationship between the second element and the table in response to receiving an authorization message sent by the terminal corresponding to the second account.

[0280] In some embodiments, the information writing module 4554 is further configured to perform the following processing when receiving an authorization message sent by the terminal corresponding to the second account: in response to an editing operation on the second element, update the attribute information of the second element written in the table corresponding to the second account.

[0281] This application provides a computer program product, which includes a computer program or computer-executable instructions stored in a computer-readable storage medium. A processor of an electronic device reads the computer-executable instructions from the computer-readable storage medium and executes the computer-executable instructions, causing the electronic device to perform the online canvas processing method described above in this application.

[0282] This application provides a computer-readable storage medium storing computer-executable instructions or a computer program. When the computer-executable instructions or the computer program are executed by a processor, the processor will execute the online canvas processing method provided in this application. For example, ... Figure 3A The method for processing online canvases is shown.

[0283] In some embodiments, the computer-readable storage medium may be a memory such as RAM, ROM, flash memory, magnetic surface memory, optical disk, or CD-ROM; or it may be a variety of devices including one or any combination of the above-mentioned memories.

[0284] In some embodiments, computer-executable instructions may take the form of programs, software, software modules, scripts, or code, written in any form of programming language (including compiled or interpreted languages, or declarative or procedural languages), and may be deployed in any form, including as stand-alone programs or as modules, components, subroutines, or other units suitable for use in a computing environment.

[0285] As an example, computer-executable instructions may, but do not necessarily, correspond to files in a file system. They may be stored as part of a file that holds other programs or data, for example, in one or more scripts in a Hyper Text Markup Language (HTML) document, in a single file dedicated to the program in question, or in multiple co-located files (e.g., files that store one or more modules, subroutines, or code sections).

[0286] As an example, computer-executable instructions can be deployed to execute on a single electronic device, or on multiple electronic devices located at one location, or on multiple electronic devices distributed across multiple locations and interconnected via a communication network.

[0287] In summary, by obtaining the association between at least one element and at least one cell in a table through the embodiments of this application, at least one first cell with a storage association with the first element can be quickly determined, and at least one attribute information of the first element can be written into the at least one first cell. This automated writing of element attribute information through association reduces errors compared to manually copying and pasting attribute information, resulting in higher intelligence, improved information processing efficiency, and enhanced user experience. By automatically generating tables and the association between elements and cells, work efficiency can be significantly improved, reducing the time cost of manual operations. The automation process reduces human intervention, thereby reducing errors caused by manual operations and improving data accuracy and reliability. For scenarios requiring rapid table creation and element association, automation can quickly complete these operations, rapidly responding to user needs. Different elements can be selected as needed and set to a pending or selected state, and users can autonomously specify which elements are associated with which cells in the table, improving the flexibility of association generation, reducing erroneous associations, improving data integrity, and meeting the personalized needs of different users. By displaying association identifiers, an intuitive visual indicator is provided, clearly showing the association between elements and cells, enhancing the user experience. By displaying association indicators to provide clear feedback, users can immediately know that their operation has been successful and understand the specific details of the association, thus avoiding incorrect associations caused by misunderstandings or misoperations.

[0288] The above description is merely an embodiment of this application and is not intended to limit the scope of protection of this application. Any modifications, equivalent substitutions, and improvements made within the spirit and scope of this application are included within the scope of protection of this application.

Claims

1. A method for processing an online canvas, characterized in that, The method includes: Display an online canvas, wherein the online canvas includes at least one element; Obtain the association between the at least one element and at least one cell in the table; Obtain at least one attribute information of a first element, wherein the first element is any one of the elements; Identify at least one first cell in the table that has the association relationship with the first element, and write at least one attribute information of the first element into the at least one first cell.

2. The method according to claim 1, characterized in that, The step of determining at least one first cell in the table that has the association relationship with the first element includes: In response to a trigger operation on the first element, the first element to be triggered is set to a selected state; In response to a trigger operation on at least one of the cells, the at least one cell that was triggered is set to the selected state; The cell that is in the selected state is designated as at least one first cell that has the association relationship with the first element.

3. The method according to claim 2, characterized in that, When the cell in the selected state is designated as at least one first cell that has the association relationship with the first element, the method further includes: Displays an association identifier between the first element and the at least one first cell, wherein the association identifier is used to connect the first element and the at least one first cell, and the association identifier indicates that there is an association relationship between the first element and the at least one first cell.

4. The method according to claim 3, characterized in that, After writing at least one attribute information of the first element into the at least one first cell, the method further includes: In response to a trigger operation on the undo control, the association between the first element and the at least one first cell is undone, the at least one attribute information of the first element is deleted from the at least one first cell, and the association identifier between the first element and the at least one first cell is removed. In response to the operation of establishing an association between the first element and at least one second cell, the at least one attribute information of the first element is written into the at least one second cell, and the association identifier between the first element and the at least one second cell is displayed.

5. The method according to claim 1, characterized in that, The table includes multiple sub-tables, and different sub-tables correspond to different element types; The step of determining at least one first cell in the table that has the association relationship with the first element includes: Based on the element type of the first element, determine the first sub-table corresponding to the first element; Identify at least one first cell in the first sub-table that has the aforementioned association with the first element.

6. The method according to claim 1, characterized in that, The online canvas includes multiple regions, and the table includes multiple sub-tables, with different sub-tables corresponding to different regions. The step of determining at least one first cell in the table that has the association relationship with the first element includes: Based on the region to which the first element belongs in the online canvas, determine the second sub-table corresponding to the first element; Identify at least one first cell in the second sub-table that has the aforementioned association with the first element.

7. The method according to any one of claims 1 to 6, characterized in that, The step of obtaining the association between the at least one element and at least one cell in the table includes: In response to a generation trigger operation for the table, the table is generated, and an association relationship is generated between the at least one element and at least one cell in the table.

8. The method according to claim 7, characterized in that, Generating the association between the at least one element and at least one cell in the table includes: For each of the elements, perform any of the following processes: Establish the association relationship between the element and a cell in a row of the table; Establish the association relationship between the element and a cell in a column of the table; Based on the number of attribute information of the element, establish the association relationship between the element and the number of cells in the table.

9. The method according to any one of claims 1 to 6, characterized in that, Before obtaining the association between the at least one element and at least one cell in the table, the method further includes: In response to a trigger operation that selects a control in the online canvas, the at least one element is set to a selectable state; For each of the elements, in response to a selection operation on the element, the element is set to a selected state; In response to a trigger operation on at least one cell in the table, the association between the element in the selected state and the triggered at least one cell is generated.

10. The method according to any one of claims 1 to 6, characterized in that, Before obtaining the association between the at least one element and at least one cell in the table, the method further includes: For each of the elements, perform the following processing: In response to a drag operation that moves the identifier of the element from the online canvas to the table, If the duration of the element's stay in the second cell is greater than the duration threshold, and the element has passed through at least one cell since starting from the second cell, the association relationship between the element and the second cell and the at least one cell passed from the second cell is generated; If the duration of the element's stay in each of the cells it passes through is less than the duration threshold, and the element eventually stays in the second cell, the association relationship between the element and the second cell is generated.

11. The method according to claim 10, characterized in that, The method further includes: If the duration of the element in the second cell is greater than the duration threshold, and the element has passed through at least one cell starting from the second cell, an association identifier connecting the element and the second cell is displayed. The association identifier indicates that there is an association relationship between the element, the second cell, and the at least one cell passed from the second cell.

12. The method according to any one of claims 1 to 6, characterized in that, After obtaining the association between the at least one element and at least one cell in the table, the method further includes: In the case where multiple elements are associated with the first row of the table, in response to a modification operation on any of the multiple elements, the element to be modified is associated with the second row, and the attribute information of the element to be modified is stored in the second row. In the case where multiple elements are associated with the first column of the table, in response to a modification operation on any of the multiple elements, the element to be modified is associated with the second column, and the attribute information of the element to be modified is stored in the second column.

13. The method according to any one of claims 1 to 6, characterized in that, After writing at least one attribute information of the first element into the at least one first cell, the method further includes: In response to a modification operation on the first attribute information of the first element, the first attribute information written in the at least one cell is updated, wherein the first attribute information is any one of the attribute information of the first element; In response to a modification operation on the second attribute information in the at least one cell, the first element is updated, wherein the second attribute information is any of the attribute information written into the first element of the at least one cell.

14. The method according to any one of claims 1 to 6, characterized in that, After writing at least one attribute information of the first element into the at least one first cell, the method further includes: In response to a trigger operation on any of the first cells, When the table and the online canvas are displayed simultaneously, the first element of the online canvas is highlighted. If the table and the online canvas are not displayed simultaneously, jump to the first element of the online canvas.

15. The method according to any one of claims 1 to 6, characterized in that, The online canvas is collaboratively edited by multiple accounts, including a first account and a second account. Each account has operation permissions for the elements it edits. The first element is edited by the first account logged into the online canvas, and the table is created for the first account. After writing at least one attribute information of the first element into the at least one first cell, the method further includes: If the online canvas includes a second element created by editing the second account, in response to a permission request operation for the second element, a permission request message is sent to the terminal corresponding to the second account; In response to receiving an authorization message sent by the terminal corresponding to the second account, the association relationship between the second element and the table is generated.

16. The method according to claim 15, characterized in that, Upon receiving the authorization message sent by the terminal corresponding to the second account, the method further includes: In response to the edit operation on the second element, update the attribute information of the second element written in the table corresponding to the second account.

17. An online canvas processing device, characterized in that, The device includes: A canvas display module for displaying an online canvas, wherein the online canvas includes at least one element; A relationship acquisition module is used to acquire the association relationship between the at least one element and at least one cell in the table; An information acquisition module is used to acquire at least one attribute information of a first element, wherein the first element is any one of the elements; The information writing module is used to determine at least one first cell in the table that has the association relationship with the first element, and to write at least one attribute information of the first element into the at least one first cell.

18. An electronic device, characterized in that, The electronic device includes: Memory is used to store executable instructions or computer programs. A processor, when executing computer-executable instructions or computer programs stored in the memory, implements the online canvas processing method according to any one of claims 1 to 16.

19. A computer-readable storage medium storing computer-executable instructions or a computer program, characterized in that, When the computer-executable instructions or computer program are executed by a processor, the online canvas processing method according to any one of claims 1 to 16 is implemented.

20. A computer program product comprising computer-executable instructions or a computer program, characterized in that, When the computer-executable instructions or computer program are executed by a processor, the online canvas processing method according to any one of claims 1 to 16 is implemented.

Images