A cloud-based graphical file processing and editing system

Abstract

The present invention discloses a cloud-based graphical file processing and editing system, comprising a backend service and storage module, a frontend web module, a graphical editing module, and a cloud processing module; the backend service and storage module is used for storing and managing graphical format files; the cloud processing module is used to convert graphical format files into intermediate format files suitable for the web, and also to convert intermediate format files into graphical format files; the frontend web module is used to display intermediate format files; the graphical editing module is used to edit displayed intermediate format files and to send uploaded graphical format files to the backend service and storage module. The present invention constructs a comprehensive platform integrating file storage, cloud conversion, online editing, and real-time collaboration, providing convenience for improving the efficiency and accuracy of pipeline survey work.

Description

Technical Field

[0001] The present invention belongs to the field of cloud processing technology, and in particular relates to a cloud-based graphical file processing and editing system. Background Art

[0002] In industries such as pipeline management and pipeline mapping that require graphical expression and editing, the traditional way of working mainly relies on locally installed graphics processing software. Although this method has met basic graphics editing needs to a certain extent, its limitations have become increasingly prominent as the scale of projects has expanded and team collaboration has strengthened. Specifically, when local software processes graphic files, it often faces the problem of inconvenient file transfer, especially in cross-regional and cross-organizational collaboration, where file sharing and updating become particularly difficult. In addition, the editing efficiency of local software is also limited by the performance of computer hardware. For large and complex graphic files, the processing speed is often unsatisfactory. More critically, the traditional method lacks a real-time collaboration mechanism, and there are obstacles to communication and collaborative editing between team members, which affects the overall progress and quality of the project.

[0003] The rapid development of cloud computing technology, with its powerful data processing capabilities, flexible resource allocation, and convenient network access, offers new solutions to these challenges. Effectively utilizing cloud resources to build a cloud platform capable of efficiently processing and editing graphical files, enabling rapid transfer, efficient editing, and real-time collaboration, has become a critical challenge in industries such as pipeline management and surveying. Summary of the Invention

[0004] The technical problem to be solved by the present invention is to address the deficiencies in the above-mentioned existing technologies and provide a cloud-based graphical file processing and editing system, which builds a comprehensive platform integrating file storage, cloud conversion, online editing and real-time collaboration, providing convenience for improving the efficiency and accuracy of pipeline survey work.

[0005] To solve the above technical problems, the technical solution adopted by the present invention is: a cloud-based graphical file processing and editing system, including a backend service and storage module, a front-end web module, a graphical editing module and a cloud processing module;

[0006] The backend service and storage module are used for storing and managing graphical format files;

[0007] A cloud processing module, configured to convert the graphical format file into an intermediate format file suitable for the web, and further configured to convert the intermediate format file into a graphical format file;

[0008] The front-end web module is used to display the intermediate format file;

[0009] The graphical editing module is used to edit the displayed intermediate format file and send the uploaded graphical format file to the background service and storage module.

[0010] In the above-mentioned cloud-based graphical file processing and editing system, when the front-end web module chooses to open a file, the cloud-based processing module downloads the graphical format file of the file from the back-end service and storage module, and temporarily stores the downloaded graphical format file in a temporary folder. The cloud-based processing module performs key data analysis on the graphical format file stored in the temporary folder, and the analyzed key data includes the graphic elements, layer information and / or annotation data of the graphical format file.

[0011] The above-mentioned cloud-based graphical file processing and editing system, the cloud-based processing module, after parsing the key data of the graphical format file, renders the graphical format file according to different layers, converts the graphic elements in each layer into an intermediate format file suitable for display by the front-end web module, and caches these rendered intermediate format files.

[0012] In the above-mentioned cloud-based graphical file processing and editing system, when the graphical editing module changes the viewport range of the intermediate format file currently displayed on the front-end web module, the cloud processing module searches the cache for the intermediate format file of the corresponding viewport range for updated display.

[0013] The above-mentioned cloud-based graphical file processing and editing system, when the cloud-based processing module fails to find the intermediate format file corresponding to the viewport range from the cache, performs supplementary rendering based on the existing layered rendering cache, generates the intermediate format file corresponding to the current viewport range, and updates the intermediate format file corresponding to the current viewport range to the cache for storage.

[0014] In the above-mentioned cloud-based graphical file processing and editing system, the cloud-based processing module is also used to record the operation records of the graphical editing module in real time.

[0015] The above-mentioned cloud-based graphical file processing and editing system, the cloud-based processing module is also used to temporarily save the graphic elements newly added or modified by the graphical editing module. When the graphical editing module saves the current intermediate format file, the cloud-based processing module converts the intermediate format file into a graphical format file and updates it to the background service and storage module.

[0016] In the above-mentioned cloud-based graphical file processing and editing system, when the graphical format file in the background service and storage module is updated, the cloud processing module updates the corresponding rendered intermediate format file in the cache.

[0017] In the above-mentioned cloud-based graphical file processing and editing system, the cloud processing module regularly cleans up the cache space, or cleans up the space when the cache space reaches a cache threshold.

[0018] In the above-mentioned cloud-based graphical file processing and editing system, the cloud processing module includes an extensible algorithm library, which is used to store file format conversion algorithms.

[0019] Compared with the prior art, the present invention has the following advantages:

[0020] 1. Seamless integration between the cloud and the web: This solution uses a cloud-based processing module to convert graphical files into intermediate formats suitable for the web, and can also convert them back. This seamless integration between the cloud and the web allows users to directly edit and view graphical files on the web, improving the convenience and cross-platform nature of file processing.

[0021] 2. Intuitive operation of the graphical editing module: The graphical editing module allows users to perform intuitive editing operations on intermediate format files. The design of this graphical interface lowers the threshold for non-professionals to use professional software, making the editing process more intuitive and user-friendly.

[0022] 3. Efficient management of background services and storage modules: Background services and storage modules are specifically used for the storage and management of graphical format files. This professional storage solution can improve the efficiency and security of file management, especially when processing large numbers of graphical files.

[0023] 4. Performance optimization of the cloud processing module: The cloud processing module is not only responsible for file format conversion, but also involves graphics processing optimization. For example, cloud rendering technology can significantly reduce the pressure on local GPU rendering applications, migrate complex resource processing processes to the cloud, and reduce local computing requirements to a player. This performance optimization can improve user experience and overall system performance.

[0024] The technical solution of the present invention is further described in detail below through the accompanying drawings and embodiments. BRIEF DESCRIPTION OF THE DRAWINGS

[0025] Figure 1 This is a system principle block diagram of the present invention. DETAILED DESCRIPTION

[0026] like Figure 1 As shown, a cloud-based graphical file processing and editing system includes a backend service and storage module, a front-end web module, a graphical editing module, and a cloud processing module;

[0027] The backend service and storage module are used for storing and managing graphical format files;

[0028] A cloud processing module, configured to convert the graphical format file into an intermediate format file suitable for the web, and further configured to convert the intermediate format file into a graphical format file;

[0029] The front-end web module is used to display the intermediate format file;

[0030] The graphical editing module is used to edit the displayed intermediate format file and send the uploaded graphical format file to the background service and storage module.

[0031] In practice, users upload or select graphical files through the front-end web module and the graphical editing module. With a simple click or drag, graphical files stored on a local computer, cloud drive, or other storage device can be easily uploaded to the system. The front-end graphical editing module supports a variety of graphic file formats to meet the needs of different projects.

[0032] In actual implementation, files are uploaded to the backend service and storage module via the network for temporary storage. This step leverages the advantages of modern network technology to ensure rapid and stable file uploads to the backend service. The backend service and storage module not only provide ample storage space but also possess powerful file management capabilities, enabling efficient organization, classification, and retrieval of uploaded files, laying the foundation for subsequent file processing.

[0033] In actual implementation, the cloud-based processing module automatically retrieves the file, converts it, and generates a web-based intermediate format. This module, a core component of the entire system, utilizes advanced cloud computing technology and algorithms to rapidly and accurately convert graphic files. This process converts the original graphic file into an intermediate format suitable for display and editing in a web environment, greatly facilitating subsequent front-end editing and presentation.

[0034] In practice, the converted files are efficiently and securely transferred to the graphical editing module via the network for detailed editing and adjustments. The graphical editing module provides a wealth of editing tools, such as scaling, rotation, annotation, and layer management, enabling users to perform various operations on graphics. Furthermore, the front-end web module provides real-time feedback on the effects of modifications, allowing users to intuitively visualize the edited graphics and improve editing efficiency and accuracy.

[0035] In practice, once the user completes editing, the system transfers the modified graphical format file over the network to the cloud processing module for format conversion, generating a new web intermediate format file. This step ensures that all user edits are accurately recorded and preserved. The new intermediate format file is then transferred back to the backend service and storage module for storage and version management.

[0036] In practice, the backend service and storage modules not only save the latest version of the graphic file but also provide the ability to roll back and compare historical versions. Users can review and restore to any previous version at any time, avoiding data loss or inconsistencies caused by misoperation or version updates.

[0037] In this embodiment, when the front-end web module chooses to open a file, the cloud-based processing module downloads the graphical format file of the file from the background service and storage module, and temporarily stores the downloaded graphical format file in a temporary folder. The cloud-based processing module performs key data analysis on the graphical format file stored in the temporary folder, and the analyzed key data includes the graphic elements, layer information and / or annotation data of the graphical format file.

[0038] It should be noted that key data parsing improves the speed and efficiency of file opening, as only key data is downloaded and processed. This enhances system responsiveness and user experience, as users can view and edit key parts of files more quickly.

[0039] When a user opens a graphical file in the mobile graphical interface, it is first downloaded over the network (e.g., from cloud storage or a shared server) to a temporary cache in the cloud processing module. This temporary cache is a dedicated memory space or temporary folder in the cloud that temporarily stores the data to be processed, reducing the overhead of frequently reading the source file.

[0040] Graphical format files have their own specific format specifications (such as DWG). The remote processing module will parse the read file content according to the corresponding format, extract key data such as graphic elements, layer information, annotations, and cache these parsed data structures to facilitate subsequent rapid rendering, display, and related editing and viewing operations.

[0041] In this embodiment, after parsing the key data of the graphical format file, the cloud processing module renders the graphical format file according to different layers, converts the graphic elements in each layer into an intermediate format file suitable for display by the front-end web module, and caches these rendered intermediate format files.

[0042] It should be noted that layered rendering and caching improve the speed and efficiency of file display, reduce the need for repeated rendering, save computing resources, and improve system performance.

[0043] Based on the parsed layer information, the graphical format file is rendered separately by layer. Graphic elements in each layer (such as lines, polygons, and text annotations) are converted into an intermediate format suitable for mobile display (e.g., vector or bitmap formats that can be efficiently processed by mobile graphics APIs). This rendered layer data is then cached. This allows the user to quickly retrieve the corresponding layer's rendered data from the cache for display when switching layers, zooming, panning, and other operations, without having to re-render the entire graphic.

[0044] In this embodiment, when the graphical editing module changes the viewport range of the intermediate format file currently displayed on the front-end web module, the cloud processing module searches the cache for the intermediate format file corresponding to the viewport range and updates the display.

[0045] It's important to note that when the user changes the viewport range, the cloud processing module retrieves and updates the corresponding intermediate format file from the cache. This enables rapid updates of the viewport range, providing a smooth user experience. This reduces repeated rendering caused by viewport changes and improves rendering efficiency.

[0046] In this embodiment, when the cloud processing module fails to find the intermediate format file corresponding to the viewport range from the cache, supplementary rendering is performed based on the existing layered rendering cache to generate the intermediate format file corresponding to the current viewport range, and the intermediate format file corresponding to the current viewport range is updated and stored in the cache.

[0047] It's important to note that if the corresponding intermediate format file isn't in the cache, the cloud processing module performs supplemental rendering based on the existing cache and updates the cache. This ensures that even in the event of a cache miss, users can quickly access the file display for the desired viewport. This intelligent supplemental rendering optimizes cache usage and improves overall system performance.

[0048] Based on the parsed layer information, the graphical format file is rendered separately by layer. Graphic elements in each layer (such as lines, polygons, and text annotations) are converted into an intermediate format suitable for mobile display (e.g., vector or bitmap formats that can be efficiently processed by mobile graphics APIs). This rendered layer data is then cached. This allows the user to quickly retrieve the corresponding layer's rendered data from the cache for display when switching layers, zooming, panning, and other operations, without having to re-render the entire graphic.

[0049] Based on the user's current viewport range (i.e., the graphics area visible on the screen), the rendering results of the graphic elements involved in the viewport are cached. When the user changes the viewport by zooming, panning, or other operations, the graphics data within the corresponding viewport range is first searched from the cache for updating the display. If there is no completely matching viewport data in the cache, appropriate supplementary rendering and cache content are then updated based on the existing layered rendering cache.

[0050] In this embodiment, the cloud processing module is also used to record the operation records of the graphical editing module in real time.

[0051] It should be noted that the cloud processing module records the operation history of the graphical editing module in real time. This provides traceability of operations and facilitates user undo and redo operations, enhancing system stability and data security.

[0052] When users edit graphical files (such as drawing new shapes, resizing, or moving elements), the cloud-based processing module records each step in real time and caches this information. This allows for undo and redo functions, allowing users to easily rewind or restore previous editing steps. Furthermore, when saving a file, the cached information accurately updates the original file content.

[0053] In this embodiment, the cloud-based processing module is also used to temporarily save the graphic elements newly added or modified by the graphical editing module. When the graphical editing module saves the current intermediate format file, the cloud-based processing module converts the intermediate format file into a graphical format file and updates it to the background service and storage module.

[0054] It's important to note that the cloud processing module temporarily saves newly added or modified graphic elements. When a save operation occurs, the intermediate format file is converted back to a graphical format and updated in the backend. This enables instant saving and recovery of edits, improving data security. Temporary saving reduces the risk of data loss and enhances the user experience.

[0055] For graphic elements that are added or modified during the editing process, their temporary status is saved separately in the cloud processing module cache so that the editing effect can be accurately displayed on the screen in real time. After the operation is confirmed (such as clicking Save Edit), these temporary graphic data are integrated into the overall file cache data structure, and the corresponding rendering cache is updated at the same time to ensure that the subsequent display is up to date and correct.

[0056] In this embodiment, when the graphical format file in the background service and storage module is updated, the cloud processing module updates the corresponding rendered intermediate format file in the cache.

[0057] It's important to note that when graphical files in the backend service and storage modules are updated, the cloud processing module updates the intermediate format files in the cache. This ensures that users always view the latest file versions, improving data consistency and accuracy. By updating the cache promptly, users spend less time waiting for the latest files.

[0058] When the source graphical format file changes (the file content is modified and updated in the background service and storage module), the cloud processing module will detect this change and automatically re-read the file, re-parse and re-render the cache operations to ensure that the user always sees the latest and accurate file content.

[0059] In this embodiment, the cloud processing module cleans up the cache space regularly, or cleans up the cache space when the cache space reaches a cache threshold.

[0060] It's important to note that the cloud processing module regularly cleans up cache space, or when thresholds are reached. This manages cache space to prevent excessive resource consumption. Through intelligent cleanup, system performance and responsiveness are optimized.

[0061] To prevent cached data from taking up too much device storage space, the cloud processing module cleans the cache according to certain rules. For example, it regularly deletes cached content that has not been used for a long time, based on the creation time of the cached files. Or, when storage space reaches a certain threshold, it prioritizes cleaning cached data of relatively infrequently used graphical files that occupy large amounts of space, while ensuring that the cached files currently in use are not affected, maintaining a smooth operating experience.

[0062] In this embodiment, the cloud processing module includes an extensible algorithm library, which is used to store file format conversion algorithms.

[0063] It should be noted that the cloud processing module includes an expandable algorithm library for storing file format conversion algorithms. This provides algorithm scalability, facilitating the future addition of new file format conversion algorithms. This enhances the system's adaptability and flexibility, enabling it to handle a wider variety of file formats. The cloud processing module utilizes an advanced dynamic algorithm library. This library automatically selects the optimal conversion path based on different types of graphical file formats, maximizing conversion efficiency while ensuring conversion quality. Whether it's complex engineering drawings or simple image files, the system can quickly and accurately complete format conversion, providing great convenience for users.

[0064] The present invention can be applied in multiple industries, for example, in the construction industry and the education industry.

[0065] When applied in the construction industry, architectural design often requires processing large volumes of drawing files. Designers are geographically dispersed and frequently exchange and modify drawings. Traditionally, drawing files are transferred via email or FTP servers, which is not only inefficient but also prone to version confusion and data loss. Now, through the front-end graphical editing module, drawing files in formats such as AutoCAD and SketchUp, stored on local computers or cloud drives, can be easily uploaded to the cloud system. Uploaded drawing files are then transferred to the back-end service and storage module for temporary storage, leveraging modern network technologies to ensure fast and stable file uploads. The back-end module efficiently organizes, categorizes, and retrieves files, providing a foundation for subsequent file processing. Once the designer completes their editing, the modified drawing file is uploaded to the cloud processing module for format conversion and saved as a new version. The back-end service and storage module provides historical version rollback and comparison capabilities, ensuring designers can review and restore any previous version at any time.

[0066] In education, the creation and editing of various graphic educational resources, such as wall charts and experimental diagrams, is a common requirement. These resources often require frequent modification and updating based on teaching needs. Traditionally, editing using local software hinders resource sharing and collaborative editing. Teachers use the front-end graphical editing module to upload teaching resource files in formats such as PNG and JPEG, stored on their local computers or cloud drives. Uploaded teaching resource files are transferred via the network to the back-end service and storage module for temporary storage and efficient management. The back-end module provides resource classification, retrieval, and preview functions. The cloud-based processing module automatically retrieves uploaded teaching resource files, converts them, and generates intermediate SVG or Canvas files suitable for web display. Teachers can use the front-end graphical editing module to perform operations such as scaling, rotating, annotating, and adding text. The front-end editing module provides real-time feedback, allowing teachers to immediately see the effects of their edits. Furthermore, the system supports online student browsing and interaction, enhancing teaching effectiveness.

[0067] The above description is only a preferred embodiment of the present invention and does not limit the present invention in any way. Any simple modification, change and equivalent structural change made to the above embodiment based on the technical essence of the present invention shall still fall within the scope of protection of the technical solution of the present invention.

Claims

1. A cloud-based graphical file processing and editing system, characterized in that: Including backend service and storage module, front-end web module, graphical editing module and cloud processing module; The backend service and storage module are used for storing and managing graphical format files; A cloud processing module, configured to convert the graphical format file into an intermediate format file suitable for the web, and further configured to convert the intermediate format file into a graphical format file; The front-end web module is used to display the intermediate format file; The graphical editing module is used to edit the displayed intermediate format file and send the uploaded graphical format file to the background service and storage module; When the front-end web module chooses to open a file, the cloud-side processing module downloads the graphic format file of the file from the back-end service and storage module, and temporarily stores the downloaded graphic format file in a temporary folder. The cloud-side processing module performs key data parsing on the graphic format file stored in the temporary folder, and the parsed key data includes the graphic elements, layer information and / or annotation data of the graphic format file; after parsing the key data of the graphic format file, the cloud-side processing module renders the graphic format file according to different layers, converts the graphic elements in each layer into an intermediate format file suitable for display by the front-end web module, and caches these rendered intermediate format files; When the graphical editing module changes the viewport range of the intermediate format file currently displayed on the front-end web module, the cloud processing module searches the cache for the intermediate format file corresponding to the viewport range and updates the display.

2. A cloud-based graphical file processing and editing system according to claim 1, characterized in that: When the cloud processing module fails to find the intermediate format file corresponding to the viewport range from the cache, it performs supplementary rendering based on the existing layered rendering cache, generates the intermediate format file corresponding to the current viewport range, and updates the intermediate format file corresponding to the current viewport range to the cache for storage.

3. A cloud-based graphical file processing and editing system according to claim 2, characterized in that: The cloud processing module is also used to record the operation records of the graphical editing module in real time.

4. A cloud-based graphical file processing and editing system according to claim 2, characterized in that: The cloud processing module is also used to temporarily save the graphic elements added or modified by the graphical editing module. When the graphical editing module saves the current intermediate format file, the cloud processing module converts the intermediate format file into a graphical format file and updates it to the background service and storage module.

5. A cloud-based graphical file processing and editing system according to claim 4, characterized in that: When the graphical format file in the background service and storage module is updated, the cloud processing module updates the corresponding rendered intermediate format file in the cache.

6. A cloud-based graphical file processing and editing system according to claim 5, characterized in that: The cloud processing module cleans up the cache space regularly, or cleans up the cache space when the cache space reaches a cache threshold.

7. A cloud-based graphical file processing and editing system according to claim 1, characterized in that: The cloud processing module includes an extensible algorithm library, which is used to store file format conversion algorithms.

Images