Method and apparatus for using drawing board for drawing vector file online

Abstract

The present invention relates to the technical field of smart tag printing, and provides a method and apparatus for using a drawing board for drawing a vector file online. The method comprises: in response to a tag customization operation, entering a tag customization page, the tag customization page containing a material display area and a tag production area, the material display area being used for displaying a material library, and the material library containing a plurality of materials; and, in response to a material selection operation, displaying a selected material in the tag production area, and keeping the tag production area on the same interface as the material display area. By means of providing a tag customization function for users, the present invention allows the users to independently produce tags according to requirements so as to meet more detailed requirements of the users, and displays material objects to the users in the form of a material library so as to more simplify the customization process. The present invention further places the material display area and the tag production area on the same interface, such that it is convenient for the users to perform operations.

Description

A method and apparatus for drawing vector files on an online drawing board

[0001] Cross-reference of related applications

[0002] This application claims priority to the following patent applications:

[0003] (1) A Chinese patent application filed with the Chinese Patent Office on October 31, 2024, with application number 202411538155.0 and titled “A method and apparatus for drawing vector files on an online drawing board”. Technical Field

[0004] This invention relates to the field of smart label printing technology, and in particular to a method and apparatus for drawing vector files on an online drawing board. Background Technology

[0005] The existing customized label solution involves users communicating with customer service on the e-commerce platform, providing the customer service with the parameters of the customized label, and then the customer service provides these parameters to the graphic designer. The graphic designer uses these parameters to create a file, which is then sent to the supply chain to arrange the production of the corresponding customized label.

[0006] The existing solution requires customer service to collect customization information, which is then given to the graphic designer for creation, and finally to the supply chain for production. This process is inefficient and prone to errors. If the parameter information is transmitted incorrectly, incorrect labels will be generated, wasting raw materials and easily leading to customer complaints. It also cannot automate the entire customized label production process. Furthermore, under these circumstances, the labels created by the graphic designer often fail to fully meet the user's detailed needs.

[0007] Therefore, overcoming the shortcomings of the existing technology is an urgent problem to be solved in this technical field.

[0008] Application content

[0009] The technical problem that this invention aims to solve is that existing solutions require customer service to collect customization information, which is then given to the graphic designer, who then creates the product and sends it to the supply chain for production. This process is inefficient, prone to errors, and may lead to unnecessary waste of label paper.

[0010] The present invention adopts the following technical solution:

[0011] In a first aspect, the present invention provides a method for drawing vector files on an online drawing board, comprising:

[0012] Upon responding to the tag customization request, the user is directed to the tag customization page. The tag customization page includes a material display area and a tag creation area. The material display area is used to showcase the material library, which includes multiple materials.

[0013] In response to the material selection operation, the selected material is displayed in the label creation area, and the label creation area and the material display area are kept on the same interface.

[0014] Preferably, the material display area is used to display a material library, specifically including:

[0015] Based on the terminal screen size and labels, create the APP interface settings mode and confirm the number n of material objects that can be displayed in one round in the material display area;

[0016] The default material library is evenly distributed according to the quantity n, and the material objects are displayed in the material display area by pagination or scroll bar operation.

[0017] Preferably, the distance between the material display area and the label production area is greater than or equal to a preset distance.

[0018] Preferably, the size of the label production area is generated proportionally according to the size of the label paper required by the user, specifically including:

[0019] The first scaling factor is obtained by dividing the width of the placeable area by the width of the label paper, and the second scaling factor is obtained by dividing the height of the placeable area by the height of the label paper. The smaller of the first scaling factor and the second scaling factor is used as the final scaling factor.

[0020] The width of the label production area is obtained by multiplying the final scaling factor by the width of the label paper, and the height of the label production area is obtained by multiplying the final scaling factor by the height of the label paper.

[0021] Preferably, the material selection operation specifically involves dragging a material object to the label creation area. When the first user drags the first material object to the label creation area, the method further includes:

[0022] The tag creation app determines whether the position of the first material object overlaps with the position of the second material object in the tag creation area based on the release position and size of the first material object.

[0023] If it is determined that the positions of the first material object and the second material object overlap, the positions of the first material object and / or the second material object are adjusted to make the positions of the first material object and the second material object staggered; or, the positions of the first material object and the second material object remain unchanged.

[0024] Preferably, when the first user drags the first material object to the position of the second material object, the method further includes:

[0025] The first material object is displayed in a way that overlays the second material object, or the second material object is displayed in a way that overlays the first material object.

[0026] The user terminal connects to the remote label server through a locally installed label making APP. The label making APP responds to the first user's order operation, obtains the order information and the labels to be produced by the first user, and pushes the order information and the labels to the label server.

[0027] The label server prints the label as an image and displays the order information on the order mall webpage;

[0028] In response to the second user's order acceptance operation, the order mall webpage requests a download link for the image from the tag server and displays the download link on the second user's order mall webpage so that the second user can download the image through the download link and use the image to generate the tag required by the first user.

[0029] Preferably, the tags required by the first user are produced collaboratively by the user terminal and the graphic designer terminal, specifically including:

[0030] The tag server generates a second material library with a resolution adapted to the user terminal based on the terminal screen size, screen resolution, and selected tag size;

[0031] The graphic design terminal establishes a collaborative process with the user terminal through the remote tag server. The first material library of the graphic design terminal is stored locally or in a tag server within a local area network and has the original resolution.

[0032] The second material library with the appropriate resolution is generated by the tag server in advance based on the first material library with the original resolution through resolution compression.

[0033] Preferably, after the user terminal retrieves at least two material objects from the second material library and arranges each material object according to one or more preset layer relationships, positional relationships, perspective, and size scaling, the method further includes:

[0034] The tag creation app obtains a first execution request to replace one of the selected material objects;

[0035] The tag creation APP generates a replaceable material display message based on the identifier of the selected material object and the scaling degree of the selected material object carried in the first execution request, and sends it to the tag server through the user terminal;

[0036] The tag server will determine the type attribute of the replaceable material based on the identifier of the selected material object, and filter out the set of material objects to form the first replacement material sub-library based on the type attribute;

[0037] The tag server scales each material object associated with the set of material objects according to the scaling degree of the selected material object to meet the resolution of the clarity after scaling, and obtains a first replacement material sub-library with the appropriate resolution.

[0038] The first replacement material sub-library adapted to the resolution is returned to the user terminal, which is used to complete the display of replaceable materials on the label making APP interface.

[0039] Preferably, the method further includes:

[0040] For the replacement operation of the selected material object completed in the tag creation APP interface on the user terminal side, the user terminal sends an update message carrying the identifier of the replaced material object to the tag server.

[0041] The tag server forwards the update message to the graphic designer terminal, so that the graphic designer terminal can obtain the corresponding original resolution of the replaced material object based on the identifier of the replaced material object carried in the update message and update it on the tag creation interface on the graphic designer terminal.

[0042] Preferably, the step of returning a first replacement material sub-library adapted to the resolution to the user terminal for displaying replaceable materials on the tag creation APP interface specifically includes:

[0043] Based on the terminal screen size and labels, create the APP interface settings mode and determine the number n of replaceable material objects that can be displayed in one round;

[0044] The first replacement material sub-library, which is adapted to the resolution, is evenly divided according to the quantity n, and the replacement materials are transferred and displayed to the user terminal by either pagination or scroll bar operation for batch sending.

[0045] Preferably, the method further includes:

[0046] The tag creation app obtains a second execution request to reduce or increase the resolution of a selected material object;

[0047] The tag creation APP sends the identifier of the selected material object carried in the second execution request to the tag server through the user terminal, so that the tag server can synchronize the material objects of the selected material object at different resolution levels to the user terminal;

[0048] After completing a second execution request on the user terminal side, the user terminal sends a synchronization message to the tag server so that the tag server can synchronize the modified resolution level of the currently selected material object on the user terminal side to the graphic designer terminal.

[0049] When the tag server synchronizes the modified resolution levels of the selected material object on the current user terminal to the graphic designer's terminal, the corresponding resolution levels are the resolution levels that have already been adjusted when the second material library was generated.

[0050] Preferably, if the first user selects a background layer of a specified type, wherein the specified type includes array type and single object magnification type, then the method further includes:

[0051] When the first user drags and zooms a non-background layer element beyond a first preset value and then releases it, the label creation APP generates a prompt window to confirm whether to arrange the currently dragged and zoomed first material object according to the current background layer type and generate a new background layer.

[0052] After obtaining confirmation to generate a new background layer for the first material object that is currently being dragged and enlarged, the first material object that is currently being dragged and enlarged is adjusted according to its array method or enlargement ratio based on the type of the previous background layer to be replaced, and a new background layer is generated.

[0053] Preferably, if the first user selects a background layer of a specified type, wherein the specified type includes array type and single object magnification type, then the method further includes:

[0054] When a user drags and shrinks a single object from a large background layer element beyond a second preset value and then releases it, the label creation APP generates a prompt window to confirm whether to generate an icon-type material object from the currently dragged and shrunk background layer.

[0055] After receiving confirmation to generate an icon-type material object from the currently dragged and shrunk background layer, the icon-type material object is generated based on the size at the time of release.

[0056] Secondly, the present invention also provides an online drawing board vector file drawing apparatus for implementing the online drawing board vector file drawing method described in the first aspect, the apparatus comprising:

[0057] At least one processor; and a memory communicatively connected to the at least one processor; wherein the memory stores instructions executable by the at least one processor for performing the online drawing vector file method described in the first aspect.

[0058] Thirdly, the present invention also provides a non-volatile computer storage medium storing computer-executable instructions that are executed by one or more processors to perform the method described in the first aspect.

[0059] Fourthly, a chip is provided, comprising: a processor and an interface for calling and running a computer program stored in memory, performing the method as described in the first aspect.

[0060] Fifthly, the present invention also provides a non-volatile computer storage medium storing computer-executable instructions that are executed by one or more processors to perform the online drawing vector file drawing method described in the first aspect.

[0061] This invention provides users with a label customization function, enabling them to create labels according to their own needs, thereby meeting more detailed user requirements. Furthermore, it eliminates the need for customer service and graphic designers, displaying the material objects to the user in the form of a material library, thus simplifying the customization process. In addition, considering the ease of user operation, this invention also places the material display area and the label creation area on the same interface, making it convenient for users to operate. Attached Figure Description

[0062] To more clearly illustrate the technical solutions of the embodiments of the present invention, the accompanying drawings used in the embodiments of the present invention will be briefly described below. Obviously, the drawings described below are merely some embodiments of the present invention. For those skilled in the art, other drawings can be obtained based on these drawings without any creative effort.

[0063] Figure 1 is a flowchart illustrating the first method for drawing vector files on an online drawing board according to an embodiment of the present invention;

[0064] Figure 2 is a schematic diagram of the label creation APP in the first online drawing vector file method provided by the embodiment of the present invention;

[0065] Figure 3 is a schematic diagram of the label creation APP in the second online drawing vector file method provided in the embodiment of the present invention;

[0066] Figure 4 is a flowchart illustrating the second method for drawing vector files on an online drawing board provided by an embodiment of the present invention;

[0067] Figure 5 is a flowchart illustrating the third method for drawing vector files on an online drawing board provided in an embodiment of the present invention;

[0068] Figure 6 is a schematic diagram of the label creation APP in the third online drawing vector file method provided in the embodiment of the present invention;

[0069] Figure 7 is a schematic diagram of the label creation APP in the fourth online drawing vector file method provided in the embodiment of the present invention;

[0070] Figure 8 is a flowchart illustrating the fourth method for drawing vector files on an online drawing board provided in an embodiment of the present invention;

[0071] Figure 9 is a schematic diagram of the label creation APP in the fifth online drawing vector file method provided in the embodiment of the present invention;

[0072] Figure 10 is a flowchart illustrating the fifth method for drawing vector files on an online drawing board provided in an embodiment of the present invention;

[0073] Figure 11 is a schematic diagram of the label creation APP in the sixth online drawing vector file method provided in the embodiment of the present invention;

[0074] Figure 12 is a schematic diagram of the first online drawing method for vector files provided in an embodiment of the present invention;

[0075] Figure 13 is a schematic diagram of the seventh online drawing board vector file method and tag creation APP provided in the embodiment of the present invention;

[0076] Figure 14 is a flowchart illustrating the sixth method for drawing vector files on an online drawing board provided in this embodiment of the invention;

[0077] Figure 15 is a schematic diagram of the label creation APP in the eighth online drawing vector file method provided in the embodiment of the present invention;

[0078] Figure 16 is a schematic diagram of the second method for drawing vector files on an online drawing board provided by an embodiment of the present invention;

[0079] Figure 17 is a schematic diagram of the third method for drawing vector files on an online drawing board provided by an embodiment of the present invention;

[0080] Figure 18 is a flowchart illustrating the seventh method for drawing vector files on an online drawing board provided in an embodiment of the present invention;

[0081] Figure 19 is a flowchart illustrating the eighth method for drawing vector files on an online drawing board provided in this embodiment of the invention;

[0082] Figure 20 is a schematic diagram of the label creation APP in the ninth online drawing vector file method provided in the embodiment of the present invention;

[0083] Figure 21 is a flowchart illustrating the ninth method for drawing vector files on an online drawing board provided in an embodiment of the present invention;

[0084] Figure 22 is a schematic diagram of the fourth method for drawing vector files on an online drawing board provided by an embodiment of the present invention;

[0085] Figure 23 is a schematic diagram of the label creation APP in the tenth online drawing vector file method provided in the embodiment of the present invention;

[0086] Figure 24 is a flowchart illustrating the tenth method for drawing vector files on an online drawing board provided in an embodiment of the present invention;

[0087] Figure 25 is a schematic diagram of the label creation APP in the eleventh online drawing vector file method provided in the embodiment of the present invention;

[0088] Figure 26 is a schematic diagram of the label creation APP in the twelfth online drawing vector file method provided in the embodiment of the present invention;

[0089] Figure 27 is a schematic diagram of the architecture of an online drawing vector file device provided in an embodiment of the present invention. Detailed Implementation

[0090] To make the objectives, technical solutions, and advantages of this invention clearer, the invention will be further described in detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative and not intended to limit the invention.

[0091] Unless the context otherwise requires, throughout the specification and claims, the term "comprising" is interpreted as openly inclusive, meaning "including, but not limited to." In the description of the specification, terms such as "one embodiment," "some embodiments," "exemplary embodiment," "example," "specific example," or "some examples" are intended to indicate that a particular feature, structure, material, or characteristic associated with that embodiment or example is included in at least one embodiment or example of this disclosure. The illustrative representations of the above terms do not necessarily refer to the same embodiment or example. Furthermore, the specific features, structures, materials, or characteristics mentioned may be included in any suitable manner in any one or more embodiments or examples; that is, although they may be incorporated into embodiments or examples using the above terms for reasons such as order and position, it does not limit them to be incorporated in combination by a single embodiment or example.

[0092] In the description of this invention, the terms "first" and "second" are used for descriptive purposes only and should not be construed as indicating or implying relative importance or implicitly specifying the number of indicated technical features. Thus, a feature defined with "first" or "second" may explicitly or implicitly include one or more of that feature. In the description of embodiments of this disclosure, unless otherwise stated, "a plurality of" means two or more. Furthermore, for example, the description may use the prefix "A" or "B" to describe the same type of nouns as two independent entities. In this case, the corresponding features defined with "A" and "B" are used only to distinguish between similar entities and should not be construed as indicating or implying relative importance or implicitly specifying the number of indicated technical features.

[0093] In the description of this invention, the expression “A and / or B” (where A and B are used to formally represent specific features) will be used. The corresponding expression includes the following three combinations: only A, only B, and a combination of A and B.

[0094] As used in this invention, “about,” “approximately,” or “approximately” includes the stated value and the average value within an acceptable range of deviation from a particular value, wherein the acceptable range of deviation is determined by a person skilled in the art taking into account the measurement under discussion and the error associated with the measurement of the particular quantity (i.e., the limitations of the measurement system).

[0095] Furthermore, the technical features involved in the various embodiments of the present invention described below can be combined with each other as long as they do not conflict with each other.

[0096] Example 1:

[0097] In existing technologies, label customization typically involves customer service collecting customer requirements, which are then passed on to a graphic designer for label creation. This method often fails to fully meet the detailed needs of users. To address this issue, Embodiment 1 of this invention provides an online drawing method for vector files on a drawing board, as shown in Figure 1, including:

[0098] In step 101, in response to the tag customization operation, the tag customization page is accessed; the tag customization page includes a material display area and a tag creation area; the material display area is used to display a material library, which includes multiple materials; in a practical application scenario, the tag customization page is shown in Figure 2.

[0099] In step 102, in response to the material selection operation, the selected material is displayed in the label creation area, and the label creation area remains on the same interface as the material display area.

[0100] Specifically, the response tag customization operation involves the user terminal responding to the tag customization operation of the first user through the tag creation APP. The material library is also referred to as the default material library in subsequent embodiments. The material selection operation can be dragging a material object to the tag creation area, or selecting a material from the material library by double-clicking or other means. When a material from the material library is selected by double-clicking or other means, the selected material is displayed in a blank area of ​​the tag creation area.

[0101] In a practical application scenario, steps 101-102 can be understood as the following method for drawing vector files on an online drawing board, the method including:

[0102] The user terminal responds to the tag customization operation of the first user through the tag creation APP and obtains the default material library; wherein, the first user is the user using the user terminal. The default material library is pre-stored in a remote tag server by those skilled in the art. The user terminal accesses the remote tag server through the locally installed tag creation APP. Obtaining the default material library can be done by the tag creation APP requesting the default material library from the tag server when responding to the tag customization operation; or, the tag creation APP can request the default material library from the tag server in advance, store the default material library locally, and directly obtain the default material library from the local machine when responding to the tag customization operation. The tag customization operation can be the first user creating a new tag by clicking the tag customization button, or the first user modifying a previously created tag by clicking on a previously created tag. In this case, the previously created tags are obtained simultaneously with the default material library. The previously created tags can be stored locally or stored on the tag server.

[0103] The material objects in the default material library are displayed in the material display area. This material display area and the tag creation area are located on the same interface, allowing the first user to drag material objects from the material display area to the tag creation area to generate tags. These tags exist as vector files. In a specific application scenario, the material display area and the tag creation area are shown in Figure 2. The material display area displays thumbnails of each material object, while the tag creation area displays tags being created and provides various tag creation functions. It also supports the first user adding corresponding material objects to tags by dragging and dropping thumbnails from the material display area to the tag creation area.

[0104] This embodiment provides a label customization function for the first user, enabling the first user to create labels according to their own needs, thereby meeting the more detailed needs of the first user. Moreover, it does not require the intervention of customer service and graphic designers. Instead, the material objects are displayed to the first user in the form of a default material library, which simplifies the customization process. On this basis, considering the ease of user operation, this embodiment also places the material display area and the label creation area on the same interface, so as to facilitate user operation.

[0105] In a preferred embodiment, the distance between the material display area and the label production area is greater than or equal to a preset distance. The preset distance is determined by those skilled in the art based on experience. The selection criterion for the preset distance is: under a typical user terminal screen size, when the first user operates using conventional methods, there should be no accidental touches on the material display area or the label production area. For example, when using a mobile phone as the user terminal and finger touch as the operating method, as shown in Figure 3, the distance d between the material display area and the label production area is greater than or equal to the preset distance. In actual use, the preset distance can be one-fifth of the vertical length of the user terminal.

[0106] In some optional implementations, the size of the label production area is generated proportionally based on the size of the label paper required by the user, specifically including:

[0107] The first scaling factor is obtained by dividing the width of the placement area by the width of the label paper, and the second scaling factor is obtained by dividing the height of the placement area by the height of the label paper. The smaller of the first scaling factor and the second scaling factor is used as the final scaling factor. The user is the user using the user terminal, also called the first user.

[0108] The width of the label production area is obtained by multiplying the final scaling factor by the width of the label paper, and the height of the label production area is obtained by multiplying the final scaling factor by the height of the label paper.

[0109] Expressed in the form of a mathematical formula:

[0110] Among them, W a Where w is the width of the label production area, w is the width of the label paper, W is the width of the area where the label can be placed, and H is the width of the label production area. a H represents the height of the label production area, h represents the height of the label paper, and H represents the height of the area where the label can be placed.

[0111] The placement area can be understood as an area on the user terminal that can be used to place the label production area. Its height and width are usually determined by those skilled in the art based on experience and analysis of the size of the user terminal. For example, in an optional embodiment, the width W of the placement area is W = W t-w', the height of the placement area H = H t -h'-dH s Among them, W t H is the screen width of the terminal, w' is the reserved width obtained by those skilled in the art based on experience, and H is the width of the terminal screen. t H is the screen height of the terminal, h' is the reserved height obtained by those skilled in the art based on experience, d is the aforementioned preset distance, and H s This is the height of the area where the material is displayed.

[0112] In practical application scenarios, displaying the material objects from the default material library in the material display area, as shown in Figure 4, specifically includes:

[0113] In step 301, based on the terminal screen size and the tag creation APP interface settings mode, the number n of material objects that can be displayed in one round in the material display area is determined; the terminal screen size refers to the screen size of the user terminal. The tag creation APP interface settings mode includes multiple modes such as displaying with medium icons, displaying with large icons, and displaying with small icons.

[0114] In step 302, the default media library is evenly divided according to the quantity n, and the media objects are displayed in the media display area by pagination or scrolling. Specifically, n media objects are displayed in the media display area, and the exact n objects displayed are determined by the pagination position or scrolling position of the first user. In some application scenarios, the division of the default media library is also determined based on other components that need to be placed in the media display area. For example, when a page-turning button is required in the media display area, the value of n may be reduced. The default media library can be fully cached in advance when responding to the first user's tag customization operation, or it can be that when responding to the first user's tag customization operation, the first n media objects at the first page or initial scrolling position in the default media library are requested from the tag server, and when the first user performs a page-turning operation or scrolling operation, the next n media objects at the corresponding pagination position or scrolling position are requested from the tag server.

[0115] In some embodiments, the material selection operation specifically involves dragging a material object to the label creation area. When the first user drags the first material object to the label creation area, as shown in Figure 5, the method further includes:

[0116] In step 401, the label creation APP determines whether the position of the first material object overlaps with the position of the second material object in the label creation area based on the release position and size of the first material object;

[0117] In step 402, if it is determined that the positions of the first material object and the second material object overlap, the positions of the first material object and / or the second material object are adjusted to offset them; or, the positions of the first material object and the second material object are kept unchanged. Specifically, keeping the positions of the first material object and the second material object unchanged includes: displaying the first material object covering the second material object, or displaying the second material object covering the first material object.

[0118] The overlap between the positions of the first material object and the second material object includes: the outer rectangle of the first material object completely overlaps with the outer rectangle of the second material object, and the outer rectangle of the first material object partially overlaps with the outer rectangle of the second material object.

[0119] In actual use, whether the positions of the first material object and / or the second material object are adjusted, or whether the positions of the first material object and the second material object remain unchanged, is preset by the first user. The adjustment of the positions of the first material object and / or the second material object can be an adjustment of the position of the first material object, or an adjustment of the positions of the second material object, or both; the specific adjustment method is also preset by the first user.

[0120] One possible adjustment method is to calculate the horizontal overlap length w of the first material object and the second material object, and then horizontally shift the first material object away from the second material object by a length w; or horizontally shift the second material object away from the first material object by a length w; or horizontally shift the first material object away from the second material object by a length w / 2, and then horizontally shift the second material object away from the first material object by a length w / 2.

[0121] As shown in Figure 6, when the first user turns off the "Allow Overlapping Material Objects" switch in the label customization settings interface, three options are provided: "Prioritize the position of the original material object," "Prioritize the position of the manipulated material object," and "Adjust both the manipulated material object and the original material object." When the first user selects "Prioritize the position of the original material object," the position of the first material object is adjusted. When the first user selects "Prioritize the position of the manipulated material object," the position of the second material object is adjusted. When the first user selects "Adjust both the manipulated material object and the original material object," the positions of the first and second material objects are adjusted.

[0122] As shown in Figure 7, when the first user turns on the material object overlap switch in the label customization settings interface, the positions of the first and second material objects remain unchanged. Two options are provided: displaying the original material object on top and displaying the manipulated material object on top. When the first user selects to display the original material object on top, the second material object is displayed over the first material object; when the first user selects to display the manipulated material object on top, the first material object is displayed over the second material object. Similarly, for dragging an existing first material object within the label creation area, when the first user drags the first material object to the position of the second material object, the method further includes: displaying it with the first material object overlaying the second material object, or displaying it with the second material object overlaying the first material object.

[0123] It should be noted that in this embodiment and subsequent embodiments, the term "first material object" does not refer to a specific identical material object, but rather to the material object that the first user is performing a corresponding operation on, while the term "second material object" refers to a material object other than the first material object that the first user is operating on.

[0124] Example 2:

[0125] Existing technology requires customer service to collect customization information, which is then given to graphic designers for production, and finally to the supply chain for manufacturing. This process is inefficient, prone to errors, and may lead to unnecessary waste of label paper. Example 1 solves the problem of label customization failing to meet users' detailed needs by providing a label customization function. Furthermore, based on Example 1, this example provides an automated label production process. The online drawing platform vector file method provided in Example 1, as shown in Figure 8, includes:

[0126] In step 501, the user terminal connects to the remote label server through a locally installed label-making APP. The label-making APP responds to the first user's order operation, obtains the order information and the labels to be produced by the first user, and pushes the order information and the labels to the label server. The order operation can be clicking the "Submit Order" button, as shown in Figure 9. The order information includes the delivery address, label size, quantity, applicable equipment, supplier, order price, and payment method. The label size and applicable equipment are generated during label production. The first user can choose any merchant to accept the order on the order confirmation interface, or can choose to specify a merchant. The first user can choose the payment method as prepayment or cash on delivery.

[0127] In step 502, the label server prints the label as an image and displays the order information on the order mall webpage. Printing the label as an image can be done in one or more formats, such as PDF, JPG, or PNG. In practical applications, PDF is often used. The order mall webpage can be displayed directly in a browser or on an order mall system, which is an application installed on the second user's terminal. A thumbnail of the label is also displayed on the order mall webpage, allowing the second user to directly view the label-related information.

[0128] In step 503, the order mall webpage responds to the second user's order acceptance operation by requesting the download link of the image from the tag server and displays the download link of the image on the second user's order mall webpage so that the second user can download the image through the download link and use the image to generate the tag required by the first user.

[0129] This embodiment utilizes a user terminal and an order mall webpage to directly push the first user's order to the order mall webpage, thereby establishing a seamless order placement and acceptance channel between the user and the supply chain. This eliminates the need for additional manual intervention, enabling a complete label customization and production process. It avoids parameter information transmission errors caused by manual intervention and improves the efficiency of label production.

[0130] The label can be created by the first user using the online drawing board vector file drawing method described in Embodiment 1. However, in actual use, the first user may not have the ability to create complete labels themselves. In this case, this embodiment also provides a preferred implementation method as follows:

[0131] The first user can post a custom label request in the label creation app. A graphic designer accepting the request will then create the label on their own device. The label creation process includes creating source materials, and may also include arranging the layer relationships, positional relationships, perspective, and size scaling of these materials. The completed label is displayed to the first user in the label creation app. The first user can then directly place an order to proceed to steps 501-503, or collaborate with the graphic designer to modify the label. The graphic designer's device is typically a computer or tablet, meaning its screen size is usually larger than the user's device screen. The source materials and labels created by the graphic designer on the device are vector objects or high-resolution objects, while the objects displayed to the first user in the label creation app are actually scaled down to fit the user's device.

[0132] That is, the method described in this embodiment also includes: supporting the first user and the graphic designer's terminal to collaborate on tag creation. When the user collaborates with the graphic designer to modify the tags, as shown in Figure 10, it specifically includes:

[0133] In step 601, the tag server generates a second material library with a resolution adapted to the user terminal based on the terminal screen size, screen resolution, and selected tag size. The terminal screen size specifically refers to the user terminal's screen size, and the screen resolution includes both the user terminal's screen resolution and the graphic designer's screen resolution. The resolution adaptation rules for the second material library are pre-analyzed by those skilled in the art based on experience. Specifically, the rules are derived from the premise that the material can be clearly displayed on the user terminal but is insufficient for clear display when used for tag production. Adjusting the resolution in practical use also manifests as adjusting the pixel size of the material objects.

[0134] In step 602, the graphic designer terminal establishes a collaborative process with the user terminal through the remote tag server. The graphic designer terminal's first material library is stored locally or on a tag server within a local area network, and has its original resolution. The collaborative process begins when the user opens a tag sent to the user terminal by the graphic designer terminal via the tag server, as shown in Figure 11. The user then clicks the "Collaborative Modification" button and sends a collaboration request message to the graphic designer terminal. The graphic designer terminal displays a collaboration request window based on the message. After the graphic designer accepts the collaboration request in the window, the collaborative process is successfully established. When the first user confirms that the tag is complete and no modifications are needed, they can directly click the "Place Order Now" button to enter the order confirmation interface shown in Figure 9, thus placing an order. For tags created by the first user, a "Modify" button is placed at the location of the "Collaborative Modification" button shown in Figure 11. When the first user clicks the "Modify" button, it can be understood that the first user has initiated a tag customization operation, thereby executing the method described in steps 201-202 of Embodiment 1.

[0135] If the graphic designer's primary resource library is stored locally, collaboration is only supported when the graphic designer is online (i.e., the graphic designer has established a connection with the tag server). When the graphic designer is offline (i.e., the graphic designer has not established a connection with the tag server), the tag creation app displays a corresponding collaboration failure message. If the graphic designer's primary resource library is stored on a local area network, collaboration is supported when the graphic designer is offline, and any modifications made to the tags by the first user during collaboration will be updated on the graphic designer's tag creation interface the next time the graphic designer is opened.

[0136] For high-resolution objects, the original resolution refers to the fixed pixel size of the object. For vector objects, the original resolution refers to the original pixel size set for the vector object. For example, for SVG objects, the original resolution width is the value corresponding to the `width` tag in the SVG file, and the original resolution height is the value corresponding to the `height` tag in the SVG file. The original resolution is for high-resolution objects. For vector object source material, the original resolution can be understood as the resolution that is clearly displayed on the graphic designer's terminal, pre-calculated by those skilled in the art.

[0137] The second media library with resolution adaptation is generated by the tag server in advance based on the first media library at the original resolution through resolution compression. The first media library can be understood as a collection of multiple media objects.

[0138] The dimensions of each material object in the second material library are calculated using the following first formula:

[0139] Where W' is the width after resolution compression, W is the width at the original resolution, H' is the height after resolution compression, and H is the height at the original resolution. u H represents the width of the user terminal. u For the height of the user terminal, W c H represents the width of the graphic designer's terminal. c The height of the graphic designer's terminal is in pixels (px). min() represents selecting the minimum value in parentheses. k is the compression factor obtained by those skilled in the art based on experience. k is greater than 0 and less than or equal to 1.

[0140] For example, if the graphic designer's terminal is 31.5 inches with a resolution of 2560×1440, and the user terminal is 6.7 inches with a resolution of 1440×2560, when the corresponding material object is a high-resolution object with a fixed pixel size of (W, H) (in pixels), or when the corresponding material object is a vector object with an original pixel size of (W, H) (in pixels), then its size after resolution compression is: As shown in Figure 12, the original material object with a resolution of (256, 256) is compressed to a size of (144, 144).

[0141] The second material library is presented as thumbnails in the tag making app, as shown in Figure 13. However, the second material library with a resolution adapted to the user terminal's memory is stored in the memory. When the user drags the corresponding thumbnail to the tag making area of ​​the tag making app, the corresponding material object in the second material library is read from the memory and loaded into the tag making area.

[0142] This embodiment compresses and sends the material objects on the graphic designer's terminal to the user's terminal, enabling collaborative modification between the user and the graphic designer. This streamlines the process, allowing users to accurately provide feedback on changes to the materials on the label to the graphic designer, thereby improving the efficiency of label customization and modification. By providing users with a means to make modifications, user satisfaction is increased. Furthermore, combined with the implementation methods described above, this embodiment can streamline the entire process between the user, graphic designer, and supply chain, significantly improving the efficiency of label customization and production. Moreover, this embodiment sends resolution-compressed material objects to the user's terminal. Since compressed material objects will suffer image quality loss when enlarged, they are generally not used for subsequent label production but only for users to view and reference the effect on their terminal. This effectively protects the rights of the graphic designer's label products and prevents the labels from being exported and misused by users.

[0143] In one optional implementation, after the user terminal retrieves at least two material objects from the second material library and arranges each material object according to one or more preset layer relationships, positional relationships, perspective, and size scaling, as shown in Figure 14, the method further includes:

[0144] In step 701, the tag creation APP obtains a first execution request to replace one of the selected material objects; the first execution request may be that the first user long-presses the corresponding material object in the tag, or clicks the replacement material icon in the upper left corner of the material after clicking the corresponding material object, as shown in Figure 15.

[0145] In step 702, the tag creation APP generates a replaceable material display message based on the identifier of the selected material object and the scaling degree of the selected material object carried in the first execution request, and sends it to the tag server through the user terminal.

[0146] In step 703, the tag server determines the type attribute of replaceable materials based on the identifier of the selected material object, and filters out the set of material objects used to constitute the first replacement material sub-library based on the type attribute. The identifier of the material object is automatically generated when the artist generates the corresponding material. Each material object corresponds to a unique identifier. Before creating a material object, the artist first creates a material library. Each material library corresponds to a type attribute. Then, the artist creates material objects in the corresponding material library. The created material objects have the type data of the material library in which they belong. Filtering out the set of material objects used to constitute the first replacement material sub-library based on the type attribute means filtering out all material objects in the material library where the selected material object belongs.

[0147] In step 704, the tag server scales each material object associated with the set of material objects according to the scaling degree of the selected material object to meet the resolution of the resolution for displaying clarity after scaling, thereby obtaining a first replacement material sub-library with a suitable resolution.

[0148] The resolution of the material objects in the first replacement material sub-library is calculated using the following second formula:

[0149] Where W' is the width of the material object in the first replacement material sub-library, W is the width at the original resolution, H' is the width of the material object in the first replacement material sub-library, H is the height at the original resolution, and W... u H represents the width of the user terminal. u For the height of the user terminal, W c H represents the width of the graphic designer's terminal. c The height of the graphic designer's terminal is in pixels (px). min() represents selecting the minimum value within the parentheses, and scaleTimes is the magnification factor of the selected material object.

[0150] As shown in Figure 16, taking k as 1 as an example, suppose the selected material object has a resolution of (144, 144) in the second material library, and is magnified to (216, 216) in the label creation area. The corresponding resolution of this selected material object in the first material library is (256, 256). If there is another material object that has the same type attribute as the candidate material object, and the resolution of this material object in the first material library is (256, 280), then the resolution corresponding to this material object when it is selected and used as the first replacement material sub-library is... That is, (216, 236), as shown in Figure 17.

[0151] In step 705, a first replacement material sub-library adapted to the resolution is returned to the user terminal for displaying replaceable materials on the tag creation APP interface.

[0152] It is important to emphasize that the selectable material objects displayed in the tag creation app are still presented in the form of thumbnails. The first replacement material sub-library is only cached in the background. Only when the first user clicks on the thumbnail to select to replace the selected material object with the corresponding material object will the resolution-adapted material object in the first replacement material sub-library be loaded onto the tag on the tag creation app interface.

[0153] Furthermore, in practical use, as shown in Figure 18, the method also includes:

[0154] In step 706, for the replacement operation of the selected material object completed in the tag creation APP interface on the user terminal side, an update message carrying the identifier of the replaced material object is sent to the tag server via the user terminal.

[0155] In step 707, the tag server forwards the update message to the graphic design terminal, so that the graphic design terminal can obtain the corresponding original resolution of the replaced material object based on the identifier of the replaced material object carried in the update message and update it on the tag creation interface of the graphic design terminal. Specifically, obtaining the corresponding original resolution of the replaced material object and updating it on the tag creation interface of the graphic design terminal actually involves scaling the original resolution of the replaced material object to match the selected material object before updating it on the tag creation interface of the graphic design terminal. Again, using Figures 16 and 17 as examples, if the selected material object is enlarged... If the original resolution of the replaced material object is (256, 280), then the resolution of the replaced material object on the label creation interface of the graphic designer's terminal will be updated to [resolution value missing]. That is (384, 420).

[0156] In a preferred embodiment, returning the first replacement material sub-library adapted to the resolution to the user terminal for displaying replaceable materials on the label-making APP interface specifically includes: determining the number n of replaceable material objects that can be displayed in one round based on the terminal screen size and the label-making APP interface setting mode; wherein, the label-making APP interface setting mode includes multiple modes such as displaying with medium icons, displaying with large icons, and displaying with small icons. The number n is calculated by those skilled in the art based on the size of the thumbnails displayed on the label-making APP interface (different label-making APP interface setting modes may correspond to different thumbnail sizes), and the size and spacing of each component on the label-making APP interface, etc., according to a calculation rule obtained in advance, and then substituting the terminal screen size into the calculation rule. The first replacement material sub-library adapted to the resolution is evenly distributed according to the number n, and the replacement materials are transferred and displayed to the user terminal by pagination operation or scroll bar operation for batch sending.

[0157] As shown in Figure 14, when n is 19, these 19 replaceable materials are returned to the user terminal. The user terminal stores these 19 replaceable materials in the file system and displays thumbnails of the 19 replaceable materials on a single page. The thumbnails are generated after loading the second material library. Specifically, thumbnails of each material object in the second material library are generated, and these thumbnails carry an identifier that matches the corresponding material object. When a thumbnail needs to be displayed, the identifier of the material object is used to select the corresponding thumbnail for display. Conversely, when the first user selects a corresponding thumbnail, the identifier of that thumbnail is used to select the corresponding material object.

[0158] In a practical application scenario, as shown in Figure 19, the method further includes:

[0159] In step 801, the tag creation APP obtains a second execution request to lower or raise the resolution of one of the selected material objects; the second execution request may be to click the resolution adjustment icon in the lower left corner of the selection box after clicking to select the corresponding material object, so as to pop up the resolution adjustment box, as shown in Figure 20, and then click the OK button after selecting the corresponding resolution as the resolution of the material object in the resolution adjustment box.

[0160] In step 802, the tag creation APP sends the identifier of the selected material object carried in the second execution request to the tag server through the user terminal, so that the tag server can synchronize the material objects of the selected material object at different resolution levels to the user terminal; the resolution level is not higher than a preset multiple of the resolution of the corresponding material object in the second material library, the preset multiple is obtained by those skilled in the art based on the requirements analysis, and the preset multiple is greater than or equal to 1.

[0161] In step 803, after completing a second execution request on the user terminal side, the user terminal sends a synchronization message to the tag server so that the tag server can synchronize the modified resolution level of the currently selected material object on the user terminal side to the graphic designer terminal.

[0162] When the tag server synchronizes the modified resolution levels of the selected material object on the current user terminal to the graphic designer's terminal, the corresponding resolution levels are accumulated from the resolution level adjustments already made when generating the second material library. Assuming the pixel size of the corresponding material object in the first material library is (W, H), and its pixel size in the second material library after conversion is (W', H'), after the first user's zoom-in or zoom-out operation, its pixel size becomes (W", H"). If the first user adjusts the resolution of the material object to 0.8 times the resolution, then the pixel size of the material object becomes (0.8 × W", 0.8 × H"). Correspondingly, the pixel size of the material object synchronized to the graphic designer's terminal is...

[0163] It should be noted that the difference between the resolution adjustment in steps 801-802 and the other implementation methods is that the other implementation methods adjust the resolution synchronously based on the physical size of the material object in the label making area; while steps 801-802 adjust the resolution directly while keeping the physical size of the material object in the label making area unchanged, thereby changing the clarity or blurriness of the material object in the label making area. This is usually used to blur the material object in the background pixels.

[0164] This embodiment also provides a preferred implementation, namely, when the first user selects a background layer of a specified type, wherein the specified type includes array type and single object magnification type, the array type arranges the corresponding material objects in an array on the background layer, and the single object magnification type displays the material object individually on the background layer, as shown in Figure 21, the method further includes:

[0165] In step 901, when the first user drags and zooms a non-background layer element beyond a first preset value and then releases it, the label creation APP generates a prompt window, as shown in Figure 22, to confirm whether to arrange the currently dragged and zoomed first material object according to the current background layer type and generate a new background layer; wherein, the first preset value is obtained by those skilled in the art based on experience.

[0166] In step 902, after obtaining confirmation to generate a new background layer for the first material object that is currently being dragged and enlarged, as shown in Figure 22, after clicking the "Replace to Background Layer" button, the first material object that is currently being dragged and enlarged is adjusted according to its array method or enlargement ratio to generate a new background layer based on the type of the previous background layer to be replaced. The label after replacement is shown in Figure 23.

[0167] Another optional implementation is as follows: If the first user selects a background layer of a specified type, where the specified type includes array type and single object magnification type, as shown in Figure 24, then the method further includes:

[0168] In step 1001, when the first user drags and shrinks a single object from a background layer element beyond a second preset value and then releases it, the label creation APP generates a prompt window, as shown in Figure 25, to confirm whether to generate an icon-type material object from the currently dragged and shrunk background layer; wherein, the second preset value is obtained by those skilled in the art based on experience.

[0169] In step 1002, after obtaining confirmation to generate an icon-type material object from the currently dragged and shrunk background layer, as shown in Figure 25, after clicking the "Generate New Material Object" button, an icon-type material object is generated according to the size at the time of release, as shown in Figure 26. The generated new material object will be displayed in the personal icon library.

[0170] It should be noted that the methods described in Example 1 are applicable to this example as well, and will not be repeated here.

[0171] Example 3:

[0172] Figure 27 shows a schematic diagram of the architecture of an online drawing vector file device according to an embodiment of the present invention. This online drawing vector file device includes one or more processors 21 and a memory 22. Figure 27 illustrates one processor 21 as an example.

[0173] The processor 21 and memory 22 can be connected via a bus or other means; Figure 27 shows an example of a bus connection. Memory 22, as a non-volatile computer-readable storage medium, can be used to store non-volatile software programs and non-volatile computer-executable programs, such as the online drawing vector file method in Embodiment 1 or Embodiment 2. The processor 21 executes the online drawing vector file method by running the non-volatile software program and instructions stored in memory 22. Memory 22 may include high-speed random access memory and may also include non-volatile memory, such as at least one disk storage device, flash memory device, or other non-volatile solid-state storage device. In some embodiments, memory 22 may optionally include memory remotely located relative to processor 21, and these remote memories can be connected to processor 21 via a network. Examples of such networks include, but are not limited to, the Internet, intranets, local area networks, mobile communication networks, and combinations thereof. The program instructions / modules are stored in memory 22 and, when executed by one or more processors 21, perform the online drawing vector file method in Embodiment 1 or Embodiment 2.

[0174] It is worth noting that the information interaction and execution process between modules and units within the aforementioned device and system are based on the same concept as the processing method embodiments of the present invention, and the specific details can be found in the descriptions in the method embodiments of the present invention, and will not be repeated here. Those skilled in the art will understand that all or part of the steps in the various methods of the embodiments can be implemented by a program instructing related hardware. This program can be stored in a computer-readable storage medium, which may include: read-only memory (ROM), random access memory (RAM), disk, or optical disk, etc. The above descriptions are merely preferred embodiments of the present invention and are not intended to limit the present invention. Any modifications, equivalent substitutions, and improvements made within the spirit and principles of the present invention should be included within the protection scope of the present invention.

Claims

1. A method for drawing vector files on an online drawing board, characterized in that, include: Upon responding to the tag customization request, the user is directed to the tag customization page. The tag customization page includes a material display area and a tag creation area. The material display area is used to showcase the material library, which includes multiple materials. In response to the material selection operation, the selected material is displayed in the label creation area, and the label creation area and the material display area are kept on the same interface.

2. The method for drawing vector files on an online drawing board according to claim 1, characterized in that, The material display area is used to display the material library, specifically including: Based on the terminal screen size and labels, create the APP interface settings mode and confirm the number n of material objects that can be displayed in one round in the material display area; The material library is evenly distributed according to the quantity n, and the material objects are displayed in the material display area by pagination or scroll bar operation.

3. The method for drawing vector files on an online drawing board according to claim 1, characterized in that, The distance between the material display area and the label production area is greater than or equal to a preset distance.

4. The method for drawing vector files on an online drawing board according to claim 1, characterized in that, The size of the label production area is generated proportionally based on the size of the label paper required by the user, specifically including: The first scaling factor is obtained by dividing the width of the placeable area by the width of the label paper, and the second scaling factor is obtained by dividing the height of the placeable area by the height of the label paper. The smaller of the first scaling factor and the second scaling factor is used as the final scaling factor. The width of the label production area is obtained by multiplying the final scaling factor by the width of the label paper, and the height of the label production area is obtained by multiplying the final scaling factor by the height of the label paper.

5. The method for drawing vector files on an online drawing board according to claim 1, characterized in that, The material selection operation specifically involves dragging a material object to the label creation area. When the first user drags the first material object to the label creation area, the method further includes: The tag creation app determines whether the position of the first material object overlaps with the position of the second material object in the tag creation area based on the release position and size of the first material object. If it is determined that the positions of the first material object and the second material object overlap, the positions of the first material object and / or the second material object are adjusted to make the positions of the first material object and the second material object staggered; or, the positions of the first material object and the second material object remain unchanged.

6. The method for drawing vector files on an online drawing board according to claim 1, characterized in that, When the first user drags the first material object to the position of the second material object, the method also includes: The first material object is displayed in a way that overlays the second material object, or the second material object is displayed in a way that overlays the first material object.

7. The method for drawing vector files on an online drawing board according to claim 1, characterized in that, The method also includes: The user terminal connects to the remote label server through a locally installed label making APP. The label making APP responds to the first user's order operation, obtains the order information and the labels to be produced by the first user, and pushes the order information and the labels to the label server. The label server prints the label as an image and displays the order information on the order mall webpage; In response to the second user's order acceptance operation, the order mall webpage requests a download link for the image from the tag server and displays the download link on the second user's order mall webpage so that the second user can download the image through the download link and use the image to generate the tag required by the first user.

8. The method for drawing vector files on an online drawing board according to claim 7, characterized in that, The method also includes: supporting collaboration between the first user and the graphic designer's terminal for tag creation, specifically: The tag server generates a second material library with a resolution adapted to the user terminal based on the terminal screen size, screen resolution, and selected tag size; The graphic design terminal establishes a collaborative process with the user terminal through the remote tag server. The first material library of the graphic design terminal is stored locally or in a tag server within a local area network and has the original resolution. The second material library with the appropriate resolution is generated by the tag server in advance based on the first material library with the original resolution through resolution compression.

9. The method for drawing vector files on an online drawing board according to claim 8, characterized in that, After the user terminal retrieves at least two material objects from the second material library and arranges each material object according to one or more preset layer relationships, positional relationships, perspective, and size scaling, the method further includes: The tag creation app obtains a first execution request to replace one of the selected material objects; The tag creation APP generates a replaceable material display message based on the identifier of the selected material object and the scaling degree of the selected material object carried in the first execution request, and sends it to the tag server through the user terminal; The tag server will determine the type attribute of the replaceable material based on the identifier of the selected material object, and filter out the set of material objects to form the first replacement material sub-library based on the type attribute; The tag server scales each material object associated with the set of material objects according to the scaling degree of the selected material object to meet the resolution of the clarity after scaling, and obtains a first replacement material sub-library with the appropriate resolution. The first replacement material sub-library adapted to the resolution is returned to the user terminal, which is used to complete the display of replaceable materials on the label making APP interface.

10. The method for drawing vector files on an online drawing board according to claim 9, characterized in that, The method further includes: For the replacement operation of the selected material object completed in the tag creation APP interface on the user terminal side, the user terminal sends an update message carrying the identifier of the replaced material object to the tag server. The tag server forwards the update message to the graphic designer terminal, so that the graphic designer terminal can obtain the corresponding original resolution of the replaced material object based on the identifier of the replaced material object carried in the update message and update it on the tag creation interface on the graphic designer terminal.

11. The method for drawing vector files on an online drawing board according to claim 9, characterized in that, The step of returning a first replacement material sub-library adapted to the resolution to the user terminal, for use in displaying replaceable materials on the tag creation APP interface, specifically includes: Based on the terminal screen size and labels, create the APP interface settings mode and determine the number n of replaceable material objects that can be displayed in one round; The first replacement material sub-library, which is adapted to the resolution, is evenly divided according to the quantity n, and the replacement materials are transferred and displayed to the user terminal by either pagination or scroll bar operation for batch sending.

12. The method for drawing vector files on an online drawing board according to claim 9, characterized in that, The method further includes: The tag creation app obtains a second execution request to reduce or increase the resolution of a selected material object; The tag creation APP sends the identifier of the selected material object carried in the second execution request to the tag server through the user terminal, so that the tag server can synchronize the material objects of the selected material object at different resolution levels to the user terminal; After completing a second execution request on the user terminal side, the user terminal sends a synchronization message to the tag server so that the tag server can synchronize the modified resolution level of the currently selected material object on the user terminal side to the graphic designer terminal. When the tag server synchronizes the modified resolution levels of the selected material object on the current user terminal to the graphic designer's terminal, the corresponding resolution levels are the resolution levels that have already been adjusted when the second material library was generated.

13. The method for drawing vector files on an online drawing board according to claim 9, characterized in that, If the first user selects a background layer of a specified type, where the specified type includes array type and single object magnification type, then the method further includes: When a user drags and zooms a non-background layer element beyond a first preset value and then releases it, the label creation app generates a prompt window to confirm whether to arrange the currently dragged and zoomed first material object according to the current background layer type and generate a new background layer. After obtaining confirmation to generate a new background layer for the first material object that is currently being dragged and enlarged, the first material object that is currently being dragged and enlarged is adjusted according to its array method or enlargement ratio based on the type of the previous background layer to be replaced, and a new background layer is generated.

14. The method for drawing vector files on an online drawing board according to claim 9, characterized in that, If the first user selects a background layer of a specified type, where the specified type includes array type and single object magnification type, then the method further includes: When a user drags and shrinks a single object from a large background layer element beyond a second preset value and then releases it, the label creation APP generates a prompt window to confirm whether to generate an icon-type material object from the currently dragged and shrunk background layer. After receiving confirmation to generate an icon-type material object from the currently dragged and shrunk background layer, the icon-type material object is generated based on the size at the time of release.

15. A non-volatile computer storage medium, characterized in that, The computer storage medium stores computer-executable instructions that are executed by one or more processors to perform the method described in any one of claims 1-14.

16. An online drawing board for vector files, characterized in that, The device includes: At least one processor; and a memory communicatively connected to the at least one processor; wherein the memory stores instructions executable by the at least one processor for performing the online drawing vector file drawing method according to any one of claims 1-14.

Images