Graphical file processing and editing system based on cloud

Abstract

The invention discloses a graphical file processing and editing system based on a cloud. The system comprises a background service and storage module, a front-end web module, a graphical editing module and a cloud processing module, the background service and storage module is used for storing and managing the graphical format file; the cloud processing module is used for converting the graphical format file into an intermediate format file suitable for the web, and is also used for converting the intermediate format file into the graphical format file; the front-end web module is used for displaying an intermediate format file; and the graphical editing module is used for editing the displayed intermediate format file and sending the uploaded graphical format file to the background service and storage module. According to the invention, a comprehensive platform integrating file storage, cloud conversion, online editing and real-time cooperation is constructed, and convenience is provided for improving the efficiency and precision of pipeline layout work.

Description

Technical Field

[0001] The present invention belongs to the technical field of cloud processing, 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 surveying that require graphical expression and editing, the traditional way of working mainly relies on locally installed graphics processing software. Although this method meets the basic needs of graphics editing to a certain extent, its limitations are becoming increasingly prominent as the scale of projects expands and team collaboration strengthens. Specifically, when local software processes graphic files, it often faces the problem of inconvenient file transfer, especially in cross-regional and cross-organizational collaboration, 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 importantly, 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] With the vigorous development of cloud computing technology, its powerful data processing capabilities, flexible resource allocation and convenient network access features provide new ideas for solving the above problems. How to effectively utilize cloud resources, build a cloud platform that can support efficient processing and editing of graphic files, and achieve fast transmission, efficient editing and real-time collaboration of graphic files has become a key issue that needs to be solved in the current pipeline management, pipeline survey and other industries. Summary of the invention

[0004] The technical problem to be solved by the present invention is to provide a cloud-based graphical file processing and editing system to address the deficiencies in the above-mentioned prior art, and to build a comprehensive platform integrating file storage, cloud conversion, online editing and real-time collaboration, so as to facilitate the improvement of 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; The background service and storage module are used for storage and management of graphical format files; A cloud processing module, used for converting the graphical format file into an intermediate format file suitable for the web, and also for converting the intermediate format file into a graphical format file; The front-end web module is used for displaying 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.

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

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

[0008] 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 update display.

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

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

[0011] The above-mentioned cloud-based graphical file processing and editing system, the cloud-based processing module is also used to temporarily save the graphical 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.

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

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

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

[0015] Compared with the prior art, the present invention has the following advantages: 1. Seamless integration of cloud and Web: This solution converts graphical format files into intermediate format files suitable for the Web through the cloud processing module, and can also convert them reversely. This seamless integration technology 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.

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

[0017] 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 a large number of graphical files.

[0018] 4. Performance optimization of cloud processing modules: The cloud processing module is not only responsible for file format conversion, but also involves the optimization of graphics processing, such as cloud rendering technology, which can greatly reduce the pressure of local GPU rendering applications and migrate complex resource processing processes to the cloud. Local computing requirements are reduced to a player. This performance optimization can improve user experience and the overall performance of the system.

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

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

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

[0022] The background service and storage module are used for storage and management of graphical format files; A cloud processing module, used for converting the graphical format file into an intermediate format file suitable for the web, and also for converting the intermediate format file into a graphical format file; The front-end web module is used for displaying 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.

[0023] In actual implementation, users upload or select graphic format files through the front-end web module and the graphic editing module. And through simple clicks or drag operations, graphical files stored in local computers, cloud disks or other storage devices can be easily uploaded to the system. The front-end graphic editing module supports a variety of graphic file formats to meet the needs of different projects.

[0024] In actual implementation, files are uploaded to the backend service and storage module via the network for temporary storage. In this step, the advantages of modern network technology are utilized to ensure that files can be uploaded to the backend service quickly and stably. The backend service and storage module not only provides sufficient storage space, but also has powerful file management capabilities, which can efficiently organize, classify and retrieve uploaded files, providing a basis for subsequent file processing.

[0025] In actual implementation, the cloud processing module automatically obtains files, performs format conversion and generates Web intermediate format files. The cloud processing module is one of the cores of the entire system. It uses advanced cloud computing technology and algorithms to quickly and accurately complete the format conversion of graphic files. Through this step, the original graphic format file is converted into an intermediate format file suitable for display and editing in the Web environment, which greatly facilitates the subsequent front-end editing and display.

[0026] In actual implementation, the converted files are efficiently and securely transmitted to the graphical editing module through the network for users to perform detailed editing and adjustments. The graphical editing module provides a wealth of editing tools, such as scaling, rotation, annotation, layer management, etc., allowing users to perform various operations on graphics. At the same time, the editing interface provided by the front-end web module provides real-time feedback on the modification effect, allowing users to intuitively see the edited graphic effect, improving editing efficiency and accuracy.

[0027] In actual implementation, when the user completes the editing, the system transmits the modified graphical format file to the cloud processing module through the network again, performs format conversion, and generates a new Web intermediate format file. This step ensures that all edits made by the user can be accurately recorded and saved. Subsequently, the new intermediate format file is transmitted back to the background service and storage module for storage and version management.

[0028] In actual implementation, the background service and storage module not only saves the latest version of the graphic file, but also provides the function of rolling back and comparing historical versions. Users can view and restore to any previous version at any time to avoid data loss or inconsistency caused by misoperation or version update.

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

[0030] It should be noted that through key data parsing, the speed and efficiency of file opening are improved because only key data is downloaded and processed. The system's responsiveness and user experience are enhanced because users can view and edit key parts of the file more quickly.

[0031] When a user chooses to open a graphical format file in the mobile terminal graphical interface, the graphical format file is first downloaded to the temporary cache area of ​​the cloud processing module through the network (such as from cloud storage, shared servers, etc.). This temporary cache area is a specific memory space or a specific temporary folder location opened on the cloud to temporarily store the data to be processed, reducing the cost of frequent subsequent reading of source files.

[0032] Graphical format files have their own specific format specifications (such as DWG and other formats). 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 and display as well as related editing and viewing operations.

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

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

[0035] Based on the parsed layer information, the graphical format files are rendered separately according to different layers, and the graphic elements in each layer (such as lines, polygons, text annotations, etc.) are converted into intermediate format files suitable for mobile display (such as vector or bitmap formats that can be efficiently processed based on mobile graphics APIs, etc.), and these rendered layer data are cached. In this way, when the user switches layer display, zooms, pans, etc., the rendered data of the corresponding layer can be quickly obtained from the cache for display without re-rendering the entire graphic.

[0036] 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 for update and display.

[0037] It should be noted that when the user changes the viewport range, the cloud processing module searches and updates the corresponding intermediate format file from the cache. This enables fast updates of the viewport range and provides a smooth user experience. It reduces repeated rendering caused by viewport changes and improves rendering efficiency.

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

[0039] It should be noted that if there is no corresponding intermediate format file in the cache, the cloud processing module performs supplementary rendering based on the existing cache and updates the cache. This ensures that even in the case of a cache miss, users can quickly obtain the file display of the required viewport. Through intelligent supplementary rendering, cache usage is optimized and the overall performance of the system is improved.

[0040] Based on the parsed layer information, the graphical format files are rendered separately according to different layers, and the graphic elements in each layer (such as lines, polygons, text annotations, etc.) are converted into intermediate format files suitable for mobile display (such as vector or bitmap formats that can be efficiently processed based on mobile graphics APIs, etc.), and these rendered layer data are cached. In this way, when the user switches layer display, zooms, pans, etc., the rendered data of the corresponding layer can be quickly obtained from the cache for display without re-rendering the entire graphic.

[0041] According to the user's current viewport range (i.e. the graphic area visible on the screen), cache the rendering results of the graphic elements involved in the viewport. When the user changes the viewport by zooming, panning, etc., the graphics data in the corresponding viewport range is searched from the cache first for update display. If there is no completely matching viewport data in the cache, appropriate supplementary rendering and update of cache content are performed based on the existing layered rendering cache.

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

[0043] It should be noted that the cloud processing module records the operation records of the graphical editing module in real time, providing traceability of operations and facilitating users to undo and redo operations, thus enhancing the stability of the system and the security of data.

[0044] When users edit graphical files (such as drawing new graphics, modifying sizes, moving elements, etc.), the cloud processing module will record each operation in real time and cache these operation records. On the one hand, it is used to implement the undo and redo functions, so that users can easily go back or restore previous editing steps; on the other hand, when saving files, the original file content can be accurately updated based on these cached operation records.

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

[0046] It should be noted that the cloud processing module temporarily saves the newly added or modified graphic elements. When the save operation occurs, the intermediate format file is converted back to the graphical format and updated to the background. This realizes the instant saving and recovery of editing operations and improves the security of data. Through temporary saving, the risk of data loss is reduced and the user experience is enhanced.

[0047] For graphic elements that are newly 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.

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

[0049] It should be noted that when the graphical files in the background 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 version, improving data consistency and accuracy. By updating the cache in a timely manner, users can reduce the time they have to wait for the latest files.

[0050] 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 the change and automatically re-read the file, re-parse and render it, and other cache operations to ensure that the user always sees the latest and accurate file content.

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

[0052] It should be noted that the cloud processing module cleans up the cache space regularly or when the threshold is reached. The cache space is managed to prevent excessive resource consumption. Through intelligent cleaning, system performance and response speed are optimized.

[0053] In order to prevent cached data from occupying too much device storage space, the cloud processing module will clean up the cache according to certain rules. For example, according to the creation time of the cached file, the cached content that has not been used for a long time will be deleted regularly; or when the storage space is insufficient and reaches a certain threshold, the cached data of graphical format files that occupy a large space and are relatively infrequently used will be cleaned up first, while ensuring that the cached files in use are not affected to maintain a smooth operating experience.

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

[0055] It should be noted that the cloud processing module includes an extensible algorithm library for storing file format conversion algorithms. The algorithm extensibility is provided to facilitate the addition of new file format conversion algorithms in the future. The adaptability and flexibility of the system are enhanced, and more types of file formats can be processed. The cloud processing module adopts an advanced dynamic algorithm library. This algorithm library can automatically select the optimal conversion path according to different types of graphical format files, thereby maximizing the conversion efficiency while ensuring the conversion quality. Whether it is a complex engineering drawing or a simple image file, the system can quickly and accurately complete the format conversion, providing great convenience for users.

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

[0057] When applied in the construction industry, the architectural design industry often needs to process a large number of drawing files. Designers are distributed in different geographical locations and need to exchange and modify drawings frequently. The traditional way is to transfer drawings through email or FTP servers. This method is not only inefficient, but also prone to version confusion and data loss. Now, through the front-end graphical editing module, you can easily upload drawing files in AutoCAD, SketchUp and other formats stored in local computers or cloud disks to the cloud system. The uploaded drawing files are transmitted to the back-end service and storage module via the network for temporary storage, and modern network technology is used to ensure that the file upload is fast and stable. The back-end module organizes, classifies and retrieves files efficiently, providing a basis for subsequent file processing. When the designer completes the editing, the modified drawing file is uploaded to the cloud processing module again for format conversion and saved as a new version. The back-end service and storage module provide historical version rollback and comparison functions to ensure that designers can view and restore to any previous version at any time.

[0058] When applied in the education industry, the education field often needs to produce and edit various graphic educational resources, such as teaching wall charts, experimental schematics, etc. These resources usually need to be frequently modified and updated according to teaching needs. The traditional way is to edit through local software, but this method is difficult to achieve resource sharing and collaborative editing. Teachers upload teaching resource files in PNG, JPEG and other formats stored in local computers or cloud disks through the front-end graphical editing module. The uploaded teaching resource files are transmitted to the back-end service and storage module via the network for temporary storage and efficient management. The back-end module provides resource classification, retrieval and preview functions. The cloud processing module automatically obtains the uploaded teaching resource files, converts the format, and generates SVG or Canvas intermediate format files suitable for display in the Web environment. Teachers can perform operations such as scaling, rotating, annotating, and adding text in the front-end graphical editing module. The front-end editing module provides real-time feedback, and teachers can immediately see the editing effect. At the same time, the system supports students to browse and interact online to improve teaching effectiveness.

[0059] 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 still falls within the protection scope of the technical solution of the present invention.

Claims

1. A cloud-based graphical file processing and editing system, characterized in that: It includes backend service and storage module, frontend web module, graphical editing module and cloud processing module; The background service and storage module are used for storage and management of graphical format files; A cloud processing module, used for converting the graphical format file into an intermediate format file suitable for the web, and also for converting the intermediate format file into a graphical format file; The front-end web module is used for displaying 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-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.

2. A cloud-based graphical file processing and editing system according to claim 1, characterized in that: 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.

3. A cloud-based graphical file processing and editing system according to claim 2, characterized in that: 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 for update and display.

4. A cloud-based graphical file processing and editing system according to claim 3, characterized in that: 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.

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

6. A cloud-based graphical file processing and editing system according to claim 4, 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.

7. A cloud-based graphical file processing and editing system according to claim 6, 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.

8. A cloud-based graphical file processing and editing system according to claim 7, 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.

9. 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, and the extensible algorithm library is used to store file format conversion algorithms.

Images