Web-based three-dimensional part model combination method and device

By realizing automatic adsorption and custom editing of three-dimensional component elements on the web page, the flexibility and personalization problems of component 3D model construction in the existing technology are solved, and the construction efficiency and diversity are improved.

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

Patent Information

Application Number
CN202410350726.1
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

The existing web-based 3D model construction of parts still remains at the stage of displaying and editing fixed structures, lacking flexibility and personalized construction capabilities.

Method used

A web-based 3D component model combination method is provided. By responding to user operations on the web page, the dragging and automatic adsorption of 3D component elements are realized, and automatic alignment and custom adsorption are performed using a preset reference coordinate system. Multiple combination forms and editing operations are supported.

Benefits of technology

It improves the construction efficiency of three-dimensional component models, realizes the diversified construction and personalized editing of 3D models, and enhances the flexibility and accuracy of model construction.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN120707785A_ABST
    Figure CN120707785A_ABST
Patent Text Reader

Abstract

The invention discloses a web-based three-dimensional part model combination 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; when any three-dimensional part element of the to-be-combined three-dimensional part elements in the canvas is triggered to be dragged, the dragged position is detected; when the dragged position reaches a preset position, the dragged three-dimensional part element and a target three-dimensional part element are automatically adsorbed, and the preset position is determined based on the position of the target three-dimensional part element. Automatic adsorption is achieved on a web page through online dragging operation to complete combination of the three-dimensional part models, the construction efficiency of the three-dimensional part models is improved, and a foundation is laid for diversified construction of the three-dimensional models. And the defect that the three-dimensional model of the part cannot be constructed online in the prior art 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 information processing technology, and in particular to a web-based three-dimensional component model combination method and device. Background Art

[0002] The construction of interactive web-based components is still mostly based on 2D free construction, and the display and editing of 3D models are still based on fixed structures.

[0003] In related technologies, the flexibility and personalized construction of 3D models of parts and components urgently need to be realized. Summary of the Invention

[0004] The present application provides a web-based three-dimensional component model combination method and device to solve the problems existing in the related art.

[0005] In a first aspect, the present invention provides a web-based three-dimensional component model combination method, comprising importing the three-dimensional component elements into the canvas of a web page in response to the triggering of an import operation of the three-dimensional component elements to be combined; when a drag operation is triggered for any three-dimensional component element of the three-dimensional component elements to be combined in the canvas, detecting the dragged position; when the dragged position reaches a preset position, automatically adsorbing the dragged any three-dimensional component element and the target three-dimensional component element, wherein the preset position is determined based on the position of the target three-dimensional component element.

[0006] Optionally, when the dragged position reaches the preset position, the automatically adsorbing of any three-dimensional component element being dragged and the target three-dimensional component element includes: detecting a first reference coordinate system preset at the junction point of any three-dimensional component element, and a second reference coordinate system preset at the junction 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.

[0007] Optionally, when the dragged position reaches the preset position, the dragged any three-dimensional component element and the target three-dimensional component element are automatically adsorbed, including: if any three-dimensional component element has multiple reference coordinate systems at the same junction point, detecting whether the reference coordinate system switching operation at the same junction point is triggered; if the switching operation is triggered, detecting the third reference coordinate system of the any three-dimensional component element currently at the junction point; detecting the second reference coordinate system preset at the junction point of the target three-dimensional component element; when being dragged, detecting the distance between the origin of the third reference coordinate system and the origin of the second reference coordinate system; if the distance is less than a preset threshold, aligning the third reference coordinate system and the second reference coordinate system to complete automatic adsorption.

[0008] Optionally, after the automatic adsorption is completed or before the automatic adsorption is completed, the method further includes: if it is detected that a custom adsorption operation is triggered for any of the three-dimensional component elements, adsorbing the any three-dimensional component element and the target three-dimensional component element based on the position of the target three-dimensional component element and the custom parameters indicated by the custom adsorption operation.

[0009] Optionally, if it is detected that a reverse adsorption operation is triggered for any of the three-dimensional component elements, the any of the three-dimensional component elements is rotated 180° with reference to the reference coordinate system preset at the junction point of the target three-dimensional component element to complete the adsorption.

[0010] Optionally, if it is detected that any of the three-dimensional component elements is triggered to be adjusted at a given angle, the reference coordinate system preset at the junction point of the target three-dimensional component element is used as a reference, and the adsorption is completed by rotating the any three-dimensional component element at the given angle.

[0011] Optionally, the method further includes: after detecting that a modification operation of the combined three-dimensional component model is triggered, updating the three-dimensional component element to be modified based on the modification content indicated by the modification request.

[0012] In a second aspect, the present invention provides a web-based three-dimensional component model combination device, comprising an import unit, configured to import the three-dimensional component elements into the canvas of a web page in response to the import operation of the three-dimensional component elements to be combined being triggered; a position detection unit, configured to detect the dragged position when a drag operation is triggered on any three-dimensional component element to be combined in the canvas; and an adsorption unit, configured to automatically adsorb any dragged three-dimensional component element with a target three-dimensional component element when the dragged position reaches a preset position, wherein the preset position is determined based on the position of the target three-dimensional component element.

[0013] 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.

[0014] 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.

[0015] The present invention discloses a web-based three-dimensional component model combination method and device, wherein the method includes importing the three-dimensional component elements into the canvas of a web page in response to the triggering of the import operation of the three-dimensional component elements to be combined; when any three-dimensional component element of the three-dimensional component elements to be combined in the canvas is triggered to be dragged, detecting the dragged position; when the dragged position reaches a preset position, automatically adsorbing the dragged any three-dimensional component element and the target three-dimensional component element, wherein the preset position is determined based on the position of the target three-dimensional component element. The three-dimensional component model combination is completed by automatic adsorption through the online drag operation on the web page, which improves the construction efficiency of the three-dimensional component model and lays the foundation for the diversified construction of 3D models. It makes up for the defect in the related art that the three-dimensional component model cannot be constructed online. BRIEF DESCRIPTION OF THE DRAWINGS

[0016] 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:

[0017] Figure 1 A flow chart of a web-based three-dimensional component model assembly method for this application;

[0018] Figure 2 This is a schematic diagram of an application of a web-based three-dimensional component model combination method in this application;

[0019] Figure 3 Schematic diagram of the reference coordinate system used for automatic combination adsorption in this application;

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

[0021] 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.

[0022] The following is combined with Figure 1 The web-based 3D component model assembly method is exemplified. The method includes the following steps:

[0023] 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.

[0024] 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. Multiple 3D component elements can be imported if desired. 3D component elements can also be imported from an element library by triggering the component on the webpage.

[0025] The element library is a 3D model library of the smallest subdivided elements of parts and components, as well as a 3D model library of parts and components products in various industries. It compresses 3D models in a lightweight manner to facilitate fast transmission and loading on web and mobile terminals, including 3D models, 3D dimensioning information and corresponding reference coordinate systems.

[0026] refer to Figure 2 Taking the import of 3D component elements from the element library as an example, the import operation of a 3D component element is triggered on the page, and then it is displayed in the canvas area.

[0027] Step 102: When a drag operation is triggered on any of the three-dimensional component elements to be combined in the canvas, the dragged position is detected.

[0028] In this embodiment, after the import operation is performed, the imported three-dimensional component elements are presented in the canvas. The user can drag and combine the three-dimensional component elements in the canvas area, and detect the current position during the dragging process so that they are automatically adsorbed after reaching the preset position.

[0029] Step 103: When the dragged position reaches a preset position, the dragged any three-dimensional component element is automatically adsorbed to the target three-dimensional component element, wherein the preset position is determined based on the position of the target three-dimensional component element.

[0030] In this embodiment, once the dragged three-dimensional component element reaches the preset position, it is automatically adsorbed without the need to select the target three-dimensional component element. This method greatly enhances the efficiency of model construction and avoids the problem of easy errors caused by the selection combination method.

[0031] Furthermore, the combined and customized parts are stored in a combination standard database, which records data information such as the unique ID number, size parameters, material properties, and the order and position relationship of each element or part in the combination of the smallest subdivided element referenced by the combination, and is given a combination ID number.

[0032] As an optional implementation method of this embodiment, when the dragged position reaches the preset position, the dragged any three-dimensional component element and the target three-dimensional component element are automatically adsorbed, including: detecting the first reference coordinate system preset at the junction point of the any three-dimensional component element, and the second reference coordinate system preset at the junction 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 automatic adsorption.

[0033] In this embodiment, each three-dimensional component element is provided with a plurality of joint points based on the assembly rule, and each joint point has a corresponding reference coordinate system. Figure 3 , 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.

[0034] 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.

[0035] 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.

[0036] 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.

[0037] As an optional implementation method of this embodiment, when the dragged position reaches the preset position, the dragged any three-dimensional component element and the target three-dimensional component element are automatically adsorbed, including: if any three-dimensional component element has multiple reference coordinate systems at the same junction point, detecting whether the reference coordinate system switching operation at the same junction point is triggered; if the switching operation is triggered, detecting the third reference coordinate system of the any three-dimensional component element currently at the junction point; detecting the second reference coordinate system preset at the junction point of the target three-dimensional component element; when being dragged, detecting the distance between the origin of the third reference coordinate system and the origin of the second reference coordinate system; if the distance is less than the preset threshold, aligning the third reference coordinate system and the second reference coordinate system to complete automatic adsorption.

[0038] In this optional implementation, in the coordinate system at the junction point of each three-dimensional component element, the same origin position can be preset with multiple coordinate systems with different vectors. In this case, when performing automatic adsorption, a program pop-up window can be displayed on the page to prompt the user to make a selection, and automatic adsorption is performed based on the coordinate system selected by the user. The adsorption process is the same as mentioned above and will not be repeated here.

[0039] By setting up coordinate systems with different vectors at the same origin, a variety of combinations can be achieved at a single location, rather than being limited to alignment with the same central axis as in related technologies. This allows for a diverse range of 3D model combinations.

[0040] As an optional implementation of this embodiment, after the automatic adsorption is completed or before the automatic adsorption is completed, the method further includes: if it is detected that a custom adsorption operation is triggered for any of the three-dimensional component elements, adsorbing the any three-dimensional component element and the target three-dimensional component element based on the position of the target three-dimensional component element and the custom parameters indicated by the custom adsorption operation.

[0041] In this optional implementation, if the result of automatic dynamic adsorption is not what the user needs, or custom adsorption is performed before automatic adsorption, the target three-dimensional component element coordinate system can be used to perform vector reverse adsorption and rotate a given angle around a coordinate axis to adjust the adsorption.

[0042] As an optional implementation method of this embodiment, if it is detected that any of the three-dimensional component elements is triggered by the reverse adsorption operation, the reference coordinate system preset at the combination point of the target three-dimensional component element is used as a reference to rotate the any three-dimensional component element 180° to complete the adsorption.

[0043] In this optional implementation, if the custom operation indicates reverse adsorption, reverse adsorption can be performed based on the coordinate axis selected by the user. For example, if the x-axis vector reverse fit is selected, the dragged 3D component element rotates 180 degrees around the origin and the z-axis; for example, if the y-axis vector reverse fit is selected, the dragged 3D component element rotates 180 degrees around the origin and the x-axis; for example, if the z-axis vector reverse fit is selected, the dragged 3D component element rotates 180 degrees around the origin and the x-axis.

[0044] As an optional implementation method of this embodiment, if it is detected that any of the three-dimensional component elements is triggered to be adjusted at a given angle, the reference coordinate system preset at the combination point of the target three-dimensional component element is used as a reference, and the adsorption of any of the three-dimensional component elements is completed by rotating at the given angle.

[0045] In this optional implementation, when adjusting at a given angle, it can include adjusting with x-axis rotation: the dragged three-dimensional component element rotates around the origin and the x-axis at a given angle; adjusting with y-axis rotation: the dragged element rotates around the origin and the y-axis at a given angle; adjusting with z-axis rotation: the dragged element rotates around the origin and the z-axis at a given angle.

[0046] Through customized adsorption, 3D models can be constructed in a personalized and flexible manner.

[0047] By using the above-mentioned automatic adsorption and custom adsorption methods, the combination of three-dimensional component elements is not restricted by shape and position constraints. Alignment can be achieved based on the coordinate system data at the junction point. Because the junction points are preset, the number and position of junction points can be added as needed. The flexibility of the junction points enables the three-dimensional component elements to adapt to complex and changeable combination forms, which is not possible in related technologies.

[0048] As an optional implementation of this embodiment, the method further includes: after detecting that a modification operation of the combined three-dimensional model is triggered, updating the three-dimensional component element to be modified based on the modification content indicated by the modification request.

[0049] In this optional implementation, the combined three-dimensional component model can adjust the position, modify the value, adjust the color and text direction, and show and hide the annotations of the size parameters of each three-dimensional component element that constitutes the three-dimensional component model in the 3D state. When the size parameter value is modified, the system will automatically update the corresponding 3D model and perform lightweight compression to obtain a lightweight 3D model to improve loading speed and smoothness of operation. The combined components can set different material properties for each element to obtain the corresponding display effect to achieve what you see is what you get. Materials can be called from the preset part material library, which contains data such as material type, material, surface color, surface treatment, and material ball library, such as steel, iron, copper, aluminum, plastic, etc., to achieve various display effect editing configurations of the 3D model.

[0050] This embodiment realizes personalized and flexible free combination of three-dimensional component models and realizes online interactive alignment through the above method.

[0051] The above is a method provided in one or more embodiments of the present application. Based on the same idea, the present application also provides a corresponding web-based three-dimensional component model combination device, including: an import unit, configured to import the three-dimensional component elements into the canvas of the web page in response to the import operation of the three-dimensional component elements to be combined being triggered; a position detection unit, configured to detect the dragged position when any three-dimensional component element to be combined in the canvas is triggered to drag the operation; an adsorption unit, configured to automatically adsorb the dragged any three-dimensional component element and the target three-dimensional component element when the dragged position reaches a preset position, wherein the preset position is determined based on the position of the target three-dimensional component element.

[0052] As an optional implementation method of this embodiment, when the dragged position reaches the preset position, the dragged any three-dimensional component element and the target three-dimensional component element are automatically adsorbed, including: detecting the first reference coordinate system preset at the junction point of the any three-dimensional component element, and the second reference coordinate system preset at the junction 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 automatic adsorption.

[0053] As an optional implementation method of this embodiment, when the dragged position reaches the preset position, the dragged any three-dimensional component element and the target three-dimensional component element are automatically adsorbed, including: if any three-dimensional component element has multiple reference coordinate systems at the same junction point, detecting whether the reference coordinate system switching operation at the same junction point is triggered; if the switching operation is triggered, detecting the third reference coordinate system of the any three-dimensional component element currently at the junction point; detecting the second reference coordinate system preset at the junction point of the target three-dimensional component element; when being dragged, detecting the distance between the origin of the third reference coordinate system and the origin of the second reference coordinate system; if the distance is less than the preset threshold, aligning the third reference coordinate system and the second reference coordinate system to complete automatic adsorption.

[0054] As an optional implementation of this embodiment, after the automatic adsorption is completed or before the automatic adsorption is completed, the method further includes: if it is detected that a custom adsorption operation is triggered for any of the three-dimensional component elements, adsorbing the any three-dimensional component element and the target three-dimensional component element based on the position of the target three-dimensional component element and the custom parameters indicated by the custom adsorption operation.

[0055] As an optional implementation method of this embodiment, if it is detected that any of the three-dimensional component elements is triggered by the reverse adsorption operation, the reference coordinate system preset at the combination point of the target three-dimensional component element is used as a reference to rotate the any three-dimensional component element 180° to complete the adsorption.

[0056] As an optional implementation method of this embodiment, if it is detected that any of the three-dimensional component elements is triggered to be adjusted at a given angle, the reference coordinate system preset at the combination point of the target three-dimensional component element is used as a reference, and the adsorption of any of the three-dimensional component elements is completed by rotating at the given angle.

[0057] As an optional implementation of this embodiment, the method further includes: after detecting that a modification operation of the combined three-dimensional component model is triggered, updating the three-dimensional component element to be modified based on the modification content indicated by the modification request.

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

[0059] 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.

[0060] 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.

[0061] 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.

[0062] 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.

[0063] 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.

[0064] 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 three-dimensional component model combination 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; When a drag operation is triggered on any of the 3D component elements to be combined in the canvas, the dragged position is detected; When the dragged position reaches a preset position, the dragged any three-dimensional component element is automatically adsorbed to the target three-dimensional component element, wherein the preset position is determined based on the position of the target three-dimensional component element.

2. The web-based three-dimensional component model combination method according to claim 1, characterized in that: When the dragged position reaches the preset position, automatically adsorbing the dragged 3D component element to the target 3D component element includes: Detecting a first reference coordinate system preset at the junction point of any three-dimensional component element and a second reference coordinate system preset at the junction 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, the first reference coordinate system and the second reference coordinate system are aligned to complete automatic adsorption.

3. The web-based three-dimensional component model assembly method according to claim 1, characterized in that: When the dragged position reaches the preset position, automatically adsorbing the dragged 3D component element to the target 3D component element includes: If any of the three-dimensional component elements has multiple reference coordinate systems at the same joint point, detecting whether a reference coordinate system switching operation at the same joint point is triggered; If the switching operation is triggered, detecting the third reference coordinate system of the current connection point of any three-dimensional component element; Detecting the target three-dimensional component element in a second reference coordinate system preset at the junction point; When being dragged, detecting the distance between the origin of the third reference coordinate system and the origin of the second reference coordinate system; If the distance is less than a preset threshold, the third reference coordinate system and the second reference coordinate system are aligned to complete automatic adsorption.

4. The web-based three-dimensional component model assembly method according to claim 1, characterized in that: After the automatic adsorption is completed or before the automatic adsorption is completed, the method further includes: If it is detected that a custom adsorption operation is triggered for any of the three-dimensional component elements, adsorption is performed on the any of the three-dimensional component elements and the target three-dimensional component element based on the position of the target three-dimensional component element and the custom parameters indicated by the custom adsorption operation.

5. The web-based three-dimensional component model assembly method according to claim 4, characterized in that: If it is detected that any of the three-dimensional component elements is triggered by the reverse adsorption operation, the reference coordinate system preset at the junction point of the target three-dimensional component element is used as a reference to rotate the any three-dimensional component element 180 degrees to complete the adsorption.

6. The web-based three-dimensional component model assembly method according to claim 4, characterized in that: If it is detected that any of the three-dimensional component elements is triggered to be adjusted at a given angle, the reference coordinate system preset at the connection point of the target three-dimensional component element is used as a reference, and the adsorption is completed by rotating the any three-dimensional component element at the given angle.

7. The web-based three-dimensional component model assembly method according to claim 1, characterized in that: The method further comprises: After detecting that a modification operation of the combined three-dimensional component model is triggered, the three-dimensional component elements to be modified are updated based on the modification content indicated by the modification request.

8. A web-based three-dimensional component model assembly 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; a position detection unit configured to detect a dragged position when a drag operation is triggered on any of the three-dimensional component elements to be combined in the canvas; The adsorption unit is configured to automatically adsorb any of the dragged three-dimensional component elements and the target three-dimensional component element when the dragged position reaches a preset position, wherein the preset position is determined based on the position of the target three-dimensional component element.

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.