Part marking method and device based on web

Through a web-based component annotation method, using drag operations and automatic adsorption of reference coordinate systems, flexible annotation and updating of 3D component models are achieved, solving the problem of 3D component annotation dimensions being unable to be modified in existing technologies and improving construction efficiency.

CN120707786APending Publication Date: 2025-09-26HANGZHOU YOUGONGPIN TECH CO LTD
View PDF 0 Cites 0 Cited by

Patent Information

Application Number
CN202410350729.5
Authority / Receiving Office
CN · China
Patent Type
Applications(China)
Current Assignee / Owner
Filing Date
2024-03-26
Publication Date
2025-09-26

AI Technical Summary

Technical Problem

In the existing technology, component annotation is mainly limited to 2D drawings, and the annotation dimensions of 3D components cannot be flexibly modified, and real-time changes cannot be made to the model form.

Method used

Provides a web-based component annotation method that automatically adsorbs 3D component elements through drag-and-drop operations, combines and updates them in conjunction with the reference coordinate system, supports real-time size modifications in 3D models, and improves update efficiency through lightweight compression services.

Benefits of technology

It realizes the flexible annotation and update of 3D component models, improves construction efficiency, overcomes the defect of the existing technology that the annotation dimensions cannot be flexibly modified, and supports local and overall modifications.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN120707786A_ABST
    Figure CN120707786A_ABST
Patent Text Reader

Abstract

The invention discloses a web-based part labeling method and device, and the method comprises the steps: responding to the triggering of a to-be-combined three-dimensional part element importing operation, and importing a three-dimensional part element into a canvas of a web page; if the plurality of three-dimensional part elements are imported, combining the plurality of imported three-dimensional part elements based on the triggered dragging operation to obtain a combined three-dimensional part model; and after any combined three-dimensional part element is triggered to modify the marked size, updating the combined three-dimensional part model based on modification parameters indicated by the modification operation. The modification and updating of the label of the three-dimensional part model are realized based on the web, and the defect that the label size of the three-dimensional part model constructed based on the web end cannot be flexibly changed in the related technology is overcome.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] The present application relates to the field of image processing technology, and in particular to a web-based component labeling method and device. Background Art

[0002] Dimensioning of parts is a relatively important step in building part models. In related technologies, part annotation is mostly limited to 2D drawing annotation, and the modification of annotation only involves numerical modification; the annotation dimensions of 3D parts are usually fixed and cannot be flexibly modified. Summary of the Invention

[0003] The present application provides a web-based parts labeling method and device to solve the problems existing in the related art.

[0004] In a first aspect, the present invention provides a web-based component annotation method, comprising importing a three-dimensional component element to be combined into a canvas of a web page in response to a triggering operation to import a three-dimensional component element; if multiple three-dimensional component elements are imported, combining the imported multiple three-dimensional component elements based on a triggered drag operation to obtain a combined three-dimensional component model; when a modification operation of the annotation size of any of the combined three-dimensional component elements is triggered, updating the combined three-dimensional component model based on the modification parameters indicated by the modification operation.

[0005] Optionally, when performing the combination, after the dragged position reaches the preset position, any three-dimensional component element being dragged and the target three-dimensional component element are automatically adsorbed; wherein, when performing automatic adsorption, the first reference coordinate system preset at the combination point of any three-dimensional component element being dragged and the second reference coordinate system preset at the combination point of the target three-dimensional component element are detected; when being dragged, the distance between the origin of the first reference coordinate system and the origin of the second reference coordinate system is detected; if the distance is less than a preset threshold, the first reference coordinate system and the second reference coordinate system are aligned to complete automatic adsorption to obtain a combined three-dimensional component model.

[0006] Optionally, based on the modification parameters indicated by the modification operation, updating the combined three-dimensional component model includes: sending the name of any three-dimensional component element and the modification parameters to the model generation service, wherein the model generation service updates the model file of any three-dimensional component element and exports a lightweight gltf model, exports the position parameters of the first reference coordinate system, and annotates the dimension information; the model file and the exported information are compressed by a lightweight compression service to export a secondary lightweight model; and the secondary lightweight model is loaded into the canvas.

[0007] Optionally, loading the secondary lightweight model into the canvas includes: obtaining the adsorption relationship between the first coordinate system of any three-dimensional component model and the second coordinate system of the target three-dimensional component element in the current canvas; and restoring the combined position of the secondary lightweight model after updating the size based on the adsorption relationship.

[0008] Optionally, the method further includes: when a material modification operation is triggered for any of the combined three-dimensional component elements, updating the display material of the combined three-dimensional component model based on the material indicated by the modification operation.

[0009] Optionally, the method also stores the combined three-dimensional component model, or the updated combined three-dimensional component model, in a combination standard database, including: storing the numbering, size information, combination order, positional relationship and material information of each three-dimensional component element in the combined three-dimensional component model, or the updated combined three-dimensional component model, in the combination standard database.

[0010] Optionally, the method also includes: when any of the combined three-dimensional component elements is triggered to perform a marking information modification operation, the marking information is modified based on the content indicated by the modification operation, wherein the marking information includes the marking position, marking color, marking text direction, or marking hiding or display properties.

[0011] In a second aspect, the present invention provides a web-based component annotation device, comprising an import unit, configured to import a three-dimensional component element into a canvas of a web page in response to a triggering operation to import a three-dimensional component element to be combined; an interaction unit, configured to combine the imported multiple three-dimensional component elements based on a triggered drag operation to obtain a combined three-dimensional component model if multiple three-dimensional component elements are imported; and when a modification operation of the annotation size of any of the combined three-dimensional component elements is triggered, the combined three-dimensional component model is updated based on the modification parameters indicated by the modification operation.

[0012] In a third aspect, the present invention provides a computer-readable storage medium, wherein the storage medium stores a computer program, and when the computer program is executed by a processor, the method described in any one of the first aspects is implemented.

[0013] In a fourth aspect, the present invention provides an electronic device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor implements the method provided in the first aspect when executing the program.

[0014] The present invention discloses a web-based component annotation method and apparatus. The method includes, in response to a triggering operation to import a 3D component element to be combined, importing the 3D component element into a web page canvas; if multiple 3D component elements are imported, combining the imported multiple 3D component elements based on a triggered drag operation to obtain a combined 3D component model; and when a dimension modification operation is triggered for any of the combined 3D component elements, updating the combined 3D component model based on the modification parameters indicated by the modification operation. This web-based annotation modification and update of the 3D component model overcomes the problem in related art where dimension modifications of 3D component models constructed on the web are inflexible. BRIEF DESCRIPTION OF THE DRAWINGS

[0015] The drawings described herein are used to provide a further understanding of the present application and constitute a part of the present application. The illustrative embodiments of the present application and their descriptions are used to explain the present application and do not constitute an improper limitation on the present application. In the drawings:

[0016] Figure 1 A flowchart of a web-based component annotation method for this application;

[0017] Figure 2 A reference coordinate system and dimensioning diagram for this application;

[0018] Figure 3 This is a schematic diagram of the interface for modifying the dimension in this application;

[0019] Figure 4 This is a schematic diagram of the interface for material modification in this application;

[0020] Figure 5 A schematic diagram of different three-dimensional component elements constituting the combined three-dimensional component model in this application;

[0021] Figure 6 A method corresponding to the Figure 1 Schematic diagram of the electronic device. DETAILED DESCRIPTION

[0022] To make the purpose, technical solutions, and advantages of this application more clear, the technical solutions of this application will be clearly and completely described below in conjunction with the specific embodiments of this application and the corresponding drawings. Obviously, the embodiments described are only part of the embodiments of this application, not all of them. Based on the embodiments in this application, all other embodiments obtained by ordinary technicians in this field without making creative efforts are within the scope of protection of this application.

[0023] The following is combined with Figure 1The web-based component annotation method is exemplified. The method includes the following steps:

[0024] Step 101: In response to triggering an operation to import a three-dimensional component element to be combined, the three-dimensional component element is imported into a canvas of a web page.

[0025] In this embodiment, a webpage for constructing a component model is presented on the web client. One or more 3D component elements can be imported by triggering the file import button on the webpage. If a combination of 3D component elements is desired, multiple 3D component elements can be imported. 3D component elements can also be imported from a combination standard database by triggering the component on the webpage.

[0026] Step 102: If multiple three-dimensional component elements are imported, the multiple imported three-dimensional component elements are combined based on the triggered drag operation to obtain a combined three-dimensional component model.

[0027] In this embodiment, when a drag operation is triggered on any of the 3D component elements to be combined on the canvas, the dragged position is detected. When the dragged position reaches a preset position, the dragged 3D component element is automatically adsorbed to the target 3D component element, where the preset position is determined based on the position of the target 3D component element.

[0028] As an optional implementation method of this embodiment, when performing the combination, after the dragged position reaches the preset position, any three-dimensional component element being dragged and the target three-dimensional component element are automatically adsorbed; wherein, when performing the automatic adsorption, it includes detecting a first reference coordinate system preset at the combination point of any three-dimensional component element being dragged, and a second reference coordinate system preset at the combination point of the target three-dimensional component element; when being dragged, detecting the distance between the origin of the first reference coordinate system and the origin of the second reference coordinate system; if the distance is less than a preset threshold, aligning the first reference coordinate system and the second reference coordinate system to complete the automatic adsorption, and obtaining a combined three-dimensional component model.

[0029] In this optional implementation, each three-dimensional component element is provided with multiple joint points based on the assembly rule, and each joint point has a corresponding reference coordinate system. Figure 2, the three-dimensional component elements are preset with a reference coordinate system for automatic combination and adsorption, including the origin coordinates, x-axis, y-axis, and z-axis, which are marked with the matching reference coordinate system in the figure. Different three-dimensional component elements can be automatically combined based on the reference coordinate system at the junction by dragging. When being dragged, when the distance between the junction points is less than the preset threshold, such as 10mm, the aligned three-dimensional component elements are aligned through the reference coordinate system of the junction point and combined into one. Different three-dimensional component elements combined into one can also be separated by dragging.

[0030] When different 3D component elements are automatically adsorbed, they are aligned based on the same spatial coordinate system principle and the origin position coincidence calculation is performed based on the origins of the two reference coordinate systems to calculate the movement data in the canvas. Based on the movement data, the dragged 3D component element is moved so that it coincides with the reference coordinate system origin at a certain junction point of the target 3D component element.

[0031] For example, the origin, x, y, and z axis vectors of the reference coordinate systems of all elements in the combined view are traversed. When a reference coordinate system on a three-dimensional component element is selected and dragged toward the target element, the system automatically identifies and determines the relative distance between the coordinate system selected by the dragged element and the origin of the coordinate system of the target element. When the relative distance is less than 10 mm, the automatic adsorption function is triggered, and the origin of the reference coordinate system and the origin of the target element coordinate system are calculated to coincide with each other, and the dragged element is moved to keep the two origins coincident. Furthermore, the x-axis vectors of the coordinate systems of the dragged element and the target element are determined to be consistent. If they are inconsistent, the dragged element is rotated around the coincident origin and the x-axis vectors are kept coincident. After the x-axis vectors are consistent, the y-axis vector is determined. If the y-axis is inconsistent, the dragged element is rotated around the origin and the x-axis to keep the y-axis vector coincident. According to the principle of the same spatial coordinate system, when the origin, x-axis vector, and y-axis vector of the two coordinate systems coincide, the z-axis vector is automatically in a coincident state, and only the coincidence needs to be verified.

[0032] It should be understood that when achieving automatic adsorption, the origins of the two reference coordinate systems may be aligned first, and then the axis vectors of the two reference coordinate systems may be aligned, or the axis vectors may be aligned first, and then the origins of the coordinate systems may be aligned. The order of executing the steps is not limited here.

[0033] Step 103: When a dimension modification operation is triggered for any of the combined three-dimensional component elements, the combined three-dimensional component model is updated based on the modification parameters indicated by the modification operation.

[0034] In this embodiment, the user can trigger the dimensioning information at any position in any 3D component model in the canvas, such as Figure 3, you can click on a markup to pop up a modification prompt box, where you can enter modification parameters, such as changing dimensions. After submitting the modification, the combined 3D component model is automatically updated. This update includes changes to the model display form, markup changes, and adaptive changes to the combined position.

[0035] In related art, dimensioning is typically modified on 2D drawings, but not directly in real time in the 3D model. Furthermore, changes to 2D drawing dimensions are only reflected in the numbers, without altering the model's form. This embodiment overcomes this shortcoming, improving the efficiency of building 3D component models. It also overcomes the drawback in related art where 3D component model dimensions can only be modified globally, not locally.

[0036] As an optional implementation method of this embodiment, updating the combined three-dimensional component model based on the modification parameters indicated by the modification operation includes: sending the name of any three-dimensional component element and the modification parameters to the model generation service, wherein the model generation service updates the model file of any three-dimensional component element and exports a lightweight gltf model, exports the position parameters of the first reference coordinate system, and annotates the dimension information; the model file and the exported information are compressed by a lightweight compression service to export a secondary lightweight model; and the secondary lightweight model is loaded into the canvas.

[0037] In this optional implementation, when the size parameter value is modified, the corresponding 3D model will be automatically updated and lightweight compressed to obtain a lightweight 3D model to improve loading speed and operation smoothness.

[0038] Specifically, when a modification operation is detected, the element name and size parameters to be updated can be sent to the server, which calculates and updates the 3D model file element by element, and exports a lightweight gltf model, as well as the reference coordinate system position parameters (when the size changes, the coordinate system positions of certain connection points in the three-dimensional component elements change. For example, there is a connection point at each end of a bolt. If the length changes, the relative position of the reference coordinate system at the two connection points also changes) and the model's dimension annotation data. Then, the lightweight compression service is used for secondary lightweight compression and exported to a secondary lightweight model that can be recognized by the front-end page.

[0039] In order to improve update efficiency and reduce server usage, users can first modify the size parameters to be modified, and then request the server to process them together after the modification to achieve fast update.

[0040] As an optional implementation method of this embodiment, loading the secondary lightweight model into the canvas includes: obtaining the adsorption relationship between the first coordinate system of any three-dimensional component model and the second coordinate system of the target three-dimensional component element in the current canvas; based on the adsorption relationship, the secondary lightweight model restores the combined position after the updated size.

[0041] In this embodiment, as mentioned above, during the automatic adsorption function, the origin of the reference coordinate system is aligned with the origin of the target three-dimensional component element coordinate system. On this theoretical basis, custom adsorption can also be implemented: the target three-dimensional component element coordinate system can be used to perform vector reverse adsorption and rotate a given angle around a certain coordinate axis to adjust the adsorption fit; if the custom operation indicates reverse adsorption, reverse adsorption can be performed based on the coordinate axis selected by the user, such as selecting the x-axis vector reverse fit: the dragged three-dimensional component element rotates 180 degrees around the origin and the z-axis; for example, selecting the y-axis vector reverse fit: the dragged three-dimensional component element rotates 180 degrees around the origin and the x-axis; for example, selecting the z-axis vector reverse fit: the dragged three-dimensional component element rotates 180 degrees around the origin and the x-axis.

[0042] If it is detected that any of the three-dimensional component elements has been triggered to adjust at a given angle, the target three-dimensional component element is rotated at the given angle using the reference coordinate system preset at the connection point as a reference to complete the adsorption. For example, when adjusting at a given angle, the following options may be used: x-axis rotation adjustment: the dragged three-dimensional component element is rotated around the origin and the x-axis by a given angle; y-axis rotation adjustment: the dragged element is rotated around the origin and the y-axis by a given angle; and z-axis rotation adjustment: the dragged element is rotated around the origin and the z-axis by a given angle.

[0043] In other words, whether it's automatic or custom adsorption, once adsorption is complete, the coordinate system's origin coincidence position, xyz axis vector angles, and other constraints are determined. This adsorption relationship includes the constraints between the origin coincidence position and the coordinate axis vector angles. When loading a model, this information can be used to restore the element's combined position. Loading not only changes the model's form but also adaptively adjusts the combined position, ensuring relative invariance in the combined dimension and enabling real-time updates of the combined 3D model.

[0044] As an optional implementation of this embodiment, the method further includes: when a material modification operation is triggered for any of the combined three-dimensional component elements, updating the display material of the combined three-dimensional component model based on the material indicated by the modification operation.

[0045] In this optional implementation, refer to Figure 4, you can set material information for the assembled 3D component models. Different materials can be set for any component in the assembly. Furthermore, different materials have different densities. Once the component dimensions are determined, its mass can be uniquely determined. Therefore, when the material is updated, the weight is also updated accordingly. The assembled components can have different material properties for each element, achieving the desired display effect and achieving what you see is what you get.

[0046] As an optional implementation of this embodiment, the method also stores the combined three-dimensional component model, or the updated combined three-dimensional component model, in a combination standard database, including: storing the numbering, size information, combination order, positional relationship and material information of each three-dimensional component element in the combined three-dimensional component model, or the updated combined three-dimensional component model, in the combination standard database; or storing the numbering, size information, combination order, positional relationship and material information of each three-dimensional component element in the combined three-dimensional component model, or the updated combined three-dimensional component model.

[0047] In this optional implementation, refer to Figure 5 The number of three-dimensional component element 1 can be 10001, the number of three-dimensional component element 2 can be 10002, and the number of three-dimensional component element 3 can be 10003. The combined and customized components are stored in the combination standard database, recording the unique ID number, size parameters, material properties of the smallest subdivided element referenced by the combination, and the order, position relationship and material information of each element or component in the combination, and giving a combination ID number.

[0048] Furthermore, data stored in the combination standard database can be used to categorize and group components. Combinations with the same element ID, sequence, and position are grouped together. Modified dimensional parameters and material properties that differ are considered a specification configuration within that group. This creates an organized product standard classification system. The combination standard database includes not only individual 3D component elements but also combined 3D component models, enabling further product analysis and matching.

[0049] Furthermore, when determining the combination order, the spatial distance value of each element's origin coordinate relative to the canvas origin coordinate in the xyz axis direction is calculated to calculate the sequential position of each element. If the spatial coordinate values ​​of multiple elements are the same, the order is determined by the order of introduction.

[0050] Furthermore, when the positional relationship is determined, the name of each coordinate system completed by automatic adsorption and overlap is saved, as well as the spatial position matrix of the origin of each element relative to the origin of the canvas, which is usually represented by the x, y, and z values ​​of the origin coordinates and the vector data of the three axes.

[0051] As an optional implementation of this embodiment, the method also includes: when any of the combined three-dimensional component elements is triggered to perform a marking information modification operation, the marking information is modified based on the content indicated by the modification operation, wherein the marking information includes the marking position, marking color, marking text direction, or marking hiding or display properties.

[0052] In this optional implementation, the assembled components can adjust the position, modify the value, adjust the color and text direction, and show or hide the annotations of each element's size parameters in 3D state.

[0053] The above is a method provided for one or more embodiments of the present application. Based on the same idea, the present application also provides a corresponding web-based component annotation device, including: an import unit, configured to import the three-dimensional component element to the canvas of the web page in response to the triggering of the import operation of the three-dimensional component element to be combined; an interactive unit, configured to combine the imported multiple three-dimensional component elements based on the triggered drag operation if multiple three-dimensional component elements are imported to obtain a combined three-dimensional component model; when any of the combined three-dimensional component elements is triggered to modify the annotation size, the combined three-dimensional component model is updated based on the modification parameters indicated by the modification operation.

[0054] Optionally, when performing the combination, after the dragged position reaches a preset position, any dragged three-dimensional component element and the target three-dimensional component element are automatically adsorbed; wherein the automatic adsorption includes detecting a first reference coordinate system preset at the junction point of any dragged three-dimensional component element and a second reference coordinate system preset at the junction point of the target three-dimensional component element; while being dragged, detecting the distance between the origin of the first reference coordinate system and the origin of the second reference coordinate system;

[0055] If the distance is less than a preset threshold, the first reference coordinate system and the second reference coordinate system are aligned to complete automatic adsorption to obtain a combined three-dimensional component model.

[0056] Optionally, the update unit is further configured to send the name of any three-dimensional component element and the modification parameters to the model generation service, wherein the model generation service updates the model file of any three-dimensional component element and exports a lightweight gltf model, exports the position parameters of the first reference coordinate system, and annotation dimension information; the model file and the exported information are compressed by the lightweight compression service to export a secondary lightweight model; and the secondary lightweight model is loaded into the canvas.

[0057] As an optional implementation method of this embodiment, loading the secondary lightweight model into the canvas includes: obtaining the adsorption relationship between the first coordinate system of any three-dimensional component model and the second coordinate system of the target three-dimensional component element in the current canvas; and restoring the combined position after the updated size of the secondary lightweight model based on the adsorption relationship.

[0058] As an optional implementation of this embodiment, the device also includes a material modification unit, which is configured to update the display material of the combined three-dimensional component model based on the material indicated by the modification operation when a material modification operation is triggered on any of the combined three-dimensional component elements.

[0059] It also includes a storage unit for storing the combined three-dimensional component model or the updated combined three-dimensional component model, including: storing the number, size information, combination order, position relationship and material information of each three-dimensional component element in the combined three-dimensional component model or the updated combined three-dimensional component model in a combination standard database.

[0060] The device also includes a standard information modification unit: when any of the combined three-dimensional component elements is triggered to perform a marking information modification operation, the marking information is modified based on the content indicated by the modification operation, wherein the marking information includes the marking position, marking color, marking text direction, or marking hiding or display properties.

[0061] Figure 6 A schematic diagram of the physical structure of an electronic device provided in an embodiment of the present invention, such as Figure 6 As shown, the electronic device 50 includes: a processor 501 (processor), a memory 502 (memory) and a bus 503;

[0062] The processor 501 and the memory 502 communicate with each other via the bus 503 ; the processor 501 is used to call program instructions in the memory 502 to execute the methods provided by the above-mentioned method embodiments.

[0063] This embodiment provides a non-transitory computer-readable storage medium, which stores computer instructions. The computer instructions enable a computer to execute the methods provided by the above method embodiments.

[0064] Those skilled in the art will understand that all or part of the steps of implementing the above-mentioned method embodiment can be completed by hardware related to program instructions, and the aforementioned program can be stored in a computer-readable storage medium. When the program is executed, it executes the steps of the above-mentioned method embodiment; and the aforementioned storage medium includes: ROM, RAM, disk or optical disk, etc. Various storage media that can store program codes.

[0065] The device embodiments described above are merely illustrative. The units described as separate components may or may not be physically separate, and the components shown as units may or may not be physical units. That is, they may be located in one place or distributed across multiple network units. Some or all of the modules may be selected based on actual needs to achieve the objectives of the present embodiment. Persons of ordinary skill in the art will be able to understand and implement the present invention without inventive effort.

[0066] Through the description of the above embodiments, those skilled in the art can clearly understand that each embodiment can be implemented by means of software plus a necessary general hardware platform, or of course, by means of hardware. Based on this understanding, the essence of the above technical solution or the part that contributes to the prior art can be embodied in the form of a software product. The computer software product can be stored in a computer-readable storage medium, such as ROM / RAM, a magnetic disk, an optical disk, etc., and includes a number of instructions for enabling a computer device (which can be a personal computer, a server, or a network device, etc.) to execute the methods of each embodiment or certain parts of the embodiment.

[0067] Although the present invention has been described in detail above using general descriptions and specific embodiments, it will be apparent to those skilled in the art that modifications and improvements may be made thereto. Therefore, such modifications and improvements, without departing from the spirit of the present invention, are intended to be within the scope of protection claimed herein.

Claims

1. A web-based component labeling method, characterized in that: include: In response to triggering the import operation of the three-dimensional component element to be combined, importing the three-dimensional component element into the canvas of the web page; If multiple 3D component elements are imported, the imported multiple 3D component elements are combined based on the triggered drag operation to obtain a combined 3D component model; When a modification operation of dimensioning is triggered for any of the combined three-dimensional component elements, the combined three-dimensional component model is updated based on the modification parameters indicated by the modification operation.

2. The web-based component labeling method according to claim 1, characterized in that: When performing the combination, when the dragged position reaches the preset position, any dragged three-dimensional component element is automatically adsorbed to the target three-dimensional component element; When performing automatic adsorption, a first reference coordinate system preset at the junction point of any dragged three-dimensional component element and a second reference coordinate system preset at the junction point of the target three-dimensional component element are detected; When being dragged, detecting the distance between the origin of the first reference coordinate system and the origin of the second reference coordinate system; If the distance is less than a preset threshold, the first reference coordinate system and the second reference coordinate system are aligned to complete automatic adsorption to obtain a combined three-dimensional component model.

3. The web-based component labeling method according to claim 2, characterized in that: Updating the combined three-dimensional component model based on the modification parameters indicated by the modification operation includes: Sending the name of any three-dimensional component element and the modified parameters to a model generation service, wherein the model generation service updates a model file of any three-dimensional component element and exports a primary lightweight glTF model, position parameters of the first reference coordinate system, and dimension information; the model file and the exported information are compressed by a lightweight compression service to derive a secondary lightweight model; The secondary lightweight model is loaded into the canvas.

4. The web-based component labeling method according to claim 3, characterized in that: Loading the secondary lightweight model into the canvas includes: In the current canvas, obtain the adsorption relationship between the first coordinate system of any 3D component model and the second coordinate system of the target 3D component element; The combined position after the size is updated is restored based on the adsorption relationship and the secondary lightweight model.

5. The web-based component labeling method according to claim 1, characterized in that: The method further comprises: When a material modification operation is triggered for any of the combined three-dimensional component elements, the display material of the combined three-dimensional component model is updated based on the material indicated by the modification operation.

6. The web-based component labeling method according to claim 5, characterized in that: The method further stores the combined three-dimensional component model or the updated combined three-dimensional component model in a combination standard database, including: The number, size information, combination sequence, positional relationship and material information of each three-dimensional component element in the combined three-dimensional component model or the updated combined three-dimensional component model are stored in the combination standard database.

7. The web-based component labeling method according to claim 1, characterized in that: The method further comprises: When the annotation information modification operation is triggered for any of the combined three-dimensional component elements, the annotation information is modified based on the content indicated by the modification operation, wherein the annotation information includes the annotation position, annotation color, annotation text direction, or annotation hiding or display properties.

8. A web-based parts marking device, characterized in that: include: An import unit is configured to import the three-dimensional component element into the canvas of the web page in response to triggering the import operation of the three-dimensional component element to be combined; The interaction unit is configured to combine the imported three-dimensional component elements based on a triggered drag operation to obtain a combined three-dimensional component model if multiple three-dimensional component elements are imported; and when a dimension modification operation is triggered for any of the combined three-dimensional component elements, the combined three-dimensional component model is updated based on the modification parameters indicated by the modification operation.

9. A computer-readable storage medium, characterized in that The storage medium stores a computer program, and when the computer program is executed by a processor, the method according to any one of claims 1 to 7 is implemented.

10. An electronic device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein: When the processor executes the program, the method according to any one of claims 1 to 7 is implemented.